少ない

WBOY
WBOYオリジナル
2016-09-29 09:19:051066ブラウズ
リーリー

変数を定義するには @ を使用します。@color: #000;@width: 1000px; & を使用して現在のクラスを表します。
CSS はネストできます
ul {display: block ;li{float : left;a{font-size : 18px;}}}
継承: 必要に応じてクラスまたは ID クラスを直接参照します
.clearfix{zoom : 1;display : block;&:after{内容: " "; 可視性: 非表示; 高さ: 0; 表示: ブロック; }}
.radius(@radius : 15px){border-radius: @radius;}
.box{ (10px) ;}
混合: js の関数と同様、[または継承と呼ばれる].layout(){...}

スコープ: 継承の条件を制限し、クラスの一部を継承できます
拡張子: &: extend(.box); 括弧内に複数のクラス名を入力できます。コンパイルされた効果は、CSS でのグループ化です。

when が等しくない場合は、パラメータが次のとおりであるかどうかを判断します。数値 * */
.border(@width : 1px , @style : Solid, @color : #d1d1d1) when (isnumber(@width)){ border: @width @style @color;}
/* iscolor を使用してパラメーターが Color であるかどうかを判断します * */
.border(@color) when (iscolor(@color)){ .border(1px , Solid , @color);}

.border(@solid) when not ( iscolor( @solid)) , ( isnumber(@solid) ){ .border(1px , @solid);}

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。