2

スタイルシートでデフォルトのテキストカラーコードを定義することは可能ですか？

例：私は自分のサイト全体でこの色を使用していますが、入力するのは嫌です。色：＃27408B;

代わりに、私がやりたいのは、デフォルトのテキスト青をcolor：＃27408Bに定義することです。

だから私はborder：1pxsolidblueと入力するだけです。そしてそれはborder：1px solid＃27408Bから出てきます。

4

2 に答える 2

2

次のようなプリプロセッサを使用できます。

少ない：http ：//lesscss.org/

また

Sass：http ://sass-lang.com/

たとえば、LESSでは次のことができます。

@color: #4D926F;

#header {
  color: @color;
}
h2 {
  color: @color;
}
于 2012-08-28T19:15:16.063 に答える
1

あなたがしようとしていることは、CSSプリプロセッサを使用することで達成できます。LESS、Sass、およびStylusは、世の中で最も注目に値するもののいくつかです。プリプロセッサを使用すると、変数、ミックスイン、関数などを作成して、作業を合理化できます。

変数を作成するには、それに応じてスタイルシートで変数を宣言するだけです。

@blue = "#27408b"

上記の例では、@ blueは新しい変数の名前ですが、引用符の間の値は、以降の@blueの真の値です。

body {background: @blue;} /* your background will be the color #27408b */
a {color: @blue;} /* your link will be the color #27408b */
div {border: 1px solid @blue;} /* your 1px border will be the color #27408b */
于 2012-08-28T19:13:49.807 に答える