CSSドキュメントのこの構造をどこかで見ました:
header {
.navigation {
a {
text-decoration: none;
}
}
}
CSS ファイルで試してみても、うまくいきません。このコードを書く能力には何が必要ですか?
ありがとうございました
CSSドキュメントのこの構造をどこかで見ました:
header {
.navigation {
a {
text-decoration: none;
}
}
}
CSS ファイルで試してみても、うまくいきません。このコードを書く能力には何が必要ですか?
ありがとうございました
これはLESS CSS http://lesscss.org/のように見えます
ページに JavaScript ファイル less.js をインポートする必要があります。
cssファイルをコンパイルして、@ozkanozlu氏を適用するのが正しい方法です
これをするだけ
header {.navigation{a{text-decoration: none;}}}
引用したコードは実際には CSS ではなく、CSSにコンパイルされるLESSと呼ばれる言語です。これは CSS プリプロセッサです。これは、CSS をより簡単に操作できるように設計されていますが、ブラウザーで実際に機能させるには、純粋な CSS に変換する必要があります。
LESS は展開前に CSS にコンパイルできます。つまり、LESS コードで作業しますが、ユーザーには標準の CSS が表示されます。または、ブラウザーに LESS として提供されますが、less.js コンパイラーもページに含まれています。パフォーマンス上の理由から、私は常にこれらのオプションの最初のものを好みます。
他の同様の言語も存在します。たとえば、SASSを参照してください。ここで SASS と LESS の比較を確認できます: http://css-tricks.com/sass-vs-less/