3

CSSドキュメントのこの構造をどこかで見ました:

header {
  .navigation {
    a {
      text-decoration: none;
    }
  }
}

CSS ファイルで試してみても、うまくいきません。このコードを書く能力には何が必要ですか?

ありがとうございました

4

3 に答える 3

5

これはLESS CSS http://lesscss.org/のように見えます

ページに JavaScript ファイル less.js をインポートする必要があります。

于 2013-03-01T09:11:27.910 に答える
2

cssファイルをコンパイルして、@ozkanozlu氏を適用するのが正しい方法です

これをするだけ

header {.navigation{a{text-decoration: none;}}}
于 2013-03-01T09:30:00.167 に答える
1

引用したコードは実際には CSS ではなく、CSSにコンパイルされるLESSと呼ばれる言語です。これは CSS プリプロセッサです。これは、CSS をより簡単に操作できるように設計されていますが、ブラウザーで実際に機能させるには、純粋な CSS に変換する必要があります。

LESS は展開前に CSS にコンパイルできます。つまり、LESS コードで作業しますが、ユーザーには標準の CSS が表示されます。または、ブラウザーに LESS として提供されますが、less.js コンパイラーもページに含まれています。パフォーマンス上の理由から、私は常にこれらのオプションの最初のものを好みます。

他の同様の言語も存在します。たとえば、SASSを参照してください。ここで SASS と LESS の比較を確認できます: http://css-tricks.com/sass-vs-less/

于 2013-03-01T09:39:17.857 に答える