3

CSSファイルにコードを追加すると、Bootstrapを使用しているときにこのエラーが発生します。

    Invalid CSS after "": expected selector or at-rule, was "<!DOCTYPE html>" (in /users/app_project/app/assests/stylesheets/custom.css.scss)

    Extracted source (around line #4):

    1: <!DOCTYPE html>
    2: <html>
    3:     <head>
    4:      <%= stylesheet_link_tag    "application", :media => "all" %>
    5:      <%= javascript_include_tag "application" %>
    6:      <%= csrf_meta_tags %>
    7:     </head>

以前はエラーなしでコードを追加できましたが、ある時点で、この問題を引き起こした変更をどこかで行ったに違いありません。

これが私が使っていた元のCSSで、エラーは発生しませんでした

     @import "bootstrap";

     /*universal*/

     html {
    overflow-y: scroll;
     }

    body {
    padding-top: 60px;
    }

    section {
    overflow: auto;
    }

    textarea {
    resize: vertical;
    }

    .center {
    text-align: center;
    }

    .center h1 {
    margin-bottom: 10px;
    }

    .container-fluid {
    background-color: #eee;
    }

    /* typography */

    h1, h2, h3, h4, h5, h6 {
    line-height: 1;
    }

    h1 {
    font-size: 3em;
    letter-spacing: -2px;
    margin-bottom: 30px;
    text-align: center;
    }

    h2 {
    font-size: 1.7em;
    letter-spacing: -1px;
    margin-bottom: 30px;
    text-align: left;
    font-weight: normal;
    color: black;
    }

    p {
    font-size: 1.1em;
    line-height: 1.7em;
    }

    #logo {
    float: left;
    margin-right: 10px;
    font-size: 1.7em;
    color: #d81010;
    text-transform: uppercase;
    letter-spacing: -1px;
    padding-top: 9px;
    font-weight: bold;
    line-height: 1;
    }

    #logo:hover {
    color: black;
    text-decoration: none;
    }

    li {
    text-align: left;
    }

    h1#class {
    color:#ff5a28;
    }

    .nav-center {
    color: blue;
    }

これが私が追加しようとしたエラーの原因となったコードです。

    * {
    margin: 0;
    }

    html, bodY {
    height: 100%;
    }

    .wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
    }

    .footer, .push {
    height: 4em;
    }

    footer {
    background-color: #70ff00;
    }

エラーを引き起こすのは上記のコードだけではありません。CSSを追加すると、エラーが発生します。

私は何が間違っているのですか？必要に応じて、使用しているhtmlコードを投稿することもできます。

4

2 に答える 2

1

Middleman の使用中に同じ問題に直面しました。ビルド プロセスが、ソース フォルダー内のすべてのファイルに特定のレイアウトを適用しようとしていたようです。少し検索しただけで、bower コンポーネントに存在する完全な HTML テスト ファイルにもレイアウトが適用されていることがわかりました。その結果、レイアウトのタグ内にネストされたテスト ファイルのタグがありました。レイアウトが特定の HTML ファイルにのみ適用されるように config.rb で正規表現を指定することで問題を解決しました。

于 2013-12-15T10:29:57.190 に答える
0

コードを確認してください。あなたが持っている

html, bodY {
height: 100%;
}

sassファイルに. このコードを

html, body {
height: 100%;
}

css の body タグが間違っています。これがエラーの原因です。

于 2014-01-25T05:15:17.580 に答える