質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.49%

デプロイしようとしたらSassC::SyntaxError: Error: Invalid CSS after "/": expected 1 selector or at-rule, was "/*

受付中

回答 0

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 416

score 12

コード

デプロイしようとたらSassC::SyntaxError: Error: Invalid CSS after "/": expected 1 selector or at-rule, was "/*"
remote:                on line 1:1 of stdin
remote:        >> /*
というエラーが出ました。。cssは何が問題なのかわかりませんでした。。scssは用意していないのでcssが問題だと言われているのでみてみました。
以下のcssにはどんな問題があるのでしょうか?この問題が分かる方何卒ご教示お願いします、

h1 {
font-size: 50px;
}
body {
margin:0;
}
header {
position: fixed;
top: 0;
display: flex;
width: 100%;
}
.My-Name {
top: 0;
height:auto;
width: 50%;
font-size:200%;
background-color: white;
background-size: cover;
background-position: fixed;
padding: 0px 0px 10px 30px;
font-family: 'Noto Serif JP', serif;
}
.navbar{
width: 50%;
padding: 20px;
background-color: white;
background-size: cover;
}
.nav-lists {
padding: 0;
margin-top:30px;
display: flex;
justify-content: space-around;
font-family: 'Noto Serif JP', serif;
}
.nav-lists a {
color:black;
}
li {
list-style: none;
padding-left: 10px;
}
a {
text-decoration:none;
}
.head-image {
height: 600px;
width: 100%;
background-image: url("<%= asset_path("240eba1ae4430910eb94660551f77.jpg") %>");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
background-attachment: fixed;
}
.common-container {
width :100%;
height: 100px;
}
.none10 {
margin: 40px 0px;
}
.none20 {
margin: 40px 0px;
}
.about-container {
width :100%;
height: 70px;
}
.about {
margin-top: 80px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.about-discription {
margin: 0 15%;
letter-spacing:normal;
}
.reference {
color: black;
border-bottom :solid;
border-color :black;
border-width :1px;
}
.title-about {
margin: 0px 30px 0px 160px;
}
.skills-container {
width :100%;
height: 250px;
}
.skills {
height : auto;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
word-break: break-all;
}
.works-container {
width :100px;
height: 200px;
}
.contacts-container {
height : auto;
}
.enclose{
padding-left: 10%;
}
.pfsite {
display: flex;
}
.plivate-works {
text-align: center;
}
.image-wrapper{
width: 48%;
margin:0% 2%;
}
.works-anker{
width: 100%;
height: 150px;
}
.works-image {
width :100%;
}
.works-discription {
width: 48%;
text-align: light;
display:inline-block;
word-break: break-all
}
.furima {
display: flex;
}
.furima-29802 {
color: black;
border-bottom :solid;
border-color :black;
border-width :1px;
display: flex;
display: inline-block;
}
.none1 {
margin: 20px 0px 0px 0px;
}
.none2 {
margin: 0px;
}
.none3 {
margin: 20px 0px 0px 0px;
}
.none4 {
margin: 0px ;
}
.app-container {
width : 100%;
height :20px;
}
.contacts-container {
width : 100%;
height :300px;
}
.contacts {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
color:#000000;
}
.back-container{
width : 100%;
height :200px
}
.fab.fa-instagram , .fab.fa-github, .fas.fa-paper-plane.fa-4x{
z-index: 999;
color:#000000;
height: 100px;
}
.fa-large{
font-size: 100px;
}

pageTop{

z-index: 20;
position: fixed;
bottom: 0;
right: 20px;
}

pageTop i {

padding-top: 6px
}

pageTop a {

display: block;
z-index: 999;
padding: 8px 0 0 8px;
border-radius: 30px;
width: 35px;
height: 35px;
background-color: #9FD6D2;
color: #fff;
font-weight: bold;
text-decoration: none;
text-align: center;
}

pageTop a:hover {

position:relative;
text-decoration: none;
opacity: 0.7;
}
footer{
z-index: 10;
position:fixed;
bottom: 0;
width: 100%;
height: 100px;
}
@media(max-width: 1024px) {
.skills-container{
width: 100%;
height: 400px;
}
.works-container{
width: 100%;
height: 400px;
}
.contacts-container{
width:100%;
height: 350px;
}
@media (max-width: 599px) {
.My-Name{
width: 30%;
padding: 0px 0px 3px 15px;
font-size: 140%;
}
.navbar {
width :70%;
}
.head-image {
width: 100%;
}
.triangle{
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid black;
margin: 20% auto 0;
}
.image-wrapper{
width: 48%;
margin:0% 2%;
}
.skills-container {
width :100%;
height: 255px;
}
.works-container {
width :100px;
height: 260px;
}
.works-image{
width: 100%;
}
.works-discription{
width: 48%;
}
.contacts-container {
width: 100%;
height: 260px;
}
.pfsite {
display: flex;
width: 100%;
}

*/ここに言語を入力 コード以下appliication.cssです。 /*

  • This is a manifest file that'll be compiled into application.css, which will include all the files
  • listed below.
  •  
  • Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
  • vendor/assets/stylesheets directory can be referenced here using a relative path.
  •  
  • You're free to add application-wide styles to this file and they'll appear at the bottom of the
  • compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
  • files in this directory. Styles in this file should be added after the last require_* statement.
  • It is generally better to create a new file per style scope.
  •   *= require_tree .
    *= require_self.
    */
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正の依頼

  • m.ts10806

    2021/01/04 06:31

    コードはマークダウンのcode機能にてご提示ください。
    あと、html,cssにはない機能がコード内に見受けられます。エラーも。
    タグは適切につけ、環境情報も追記してください。提示の情報だけではわかる人の目に止まらないかと思います。

    キャンセル

  • 退会済みユーザー

    退会済みユーザー

    2021/01/04 19:24

    CSSの中にPHPコードが含まれているようですが、PHPの処理が加わるように設定変更していますか? それとコメント分を使っている箇所の開始と終了の記号の使い方が間違っているように見えますので、ご確認を。

    キャンセル

まだ回答がついていません

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.49%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • トップ
  • HTMLに関する質問
  • デプロイしようとしたらSassC::SyntaxError: Error: Invalid CSS after "/": expected 1 selector or at-rule, was "/*