1

みんな私は、サードパーティのソースから複雑な CSS セレクターに取り組んでいます。私はいくつかのものを使用することができません。

ネストされた CSS の仕組み。ネストされた CSS のようなものがたくさん見られます。

.firstclass
{
   .someotherclass { }
}

時折。

.firstclass.secondclass
{
   .thirdclass{}
   .fourthclass{}

}

また、2 番目のテキスト ボックスの背景色が 'BLACK' になるという私の期待以下のサンプル コードを試してみましたが、それは起こっていません。

<html>

   <head>

   <style type="text/css">

   .style-color
   {
       background-color:#000000;
   }

   #id2_.style-color h1
   {   
       background-color:#F0E68C;
       .apply
       {
           background-color:#000000;
       }


   }
   </style>
   </head>

   <body> 

   <div id="id1" class="style-color"> <h1> <input type="text" class="apply"> </h1> </div> 
   <div id="id2_" class="style-color"> <h1> <input type="text" class="apply"> </h1></div>

   </body>

</html>
4

2 に答える 2

3

これは有効な CSS ではありません。そのコードが表示されている場合は、そのほとんどが動的 CSS です。SASS と LESS は動的 CSS の例です。CSS にプログラミング機能を追加します。SASS用のSCOUTコンパイラを使用できます。ググってください。

于 2013-06-27T06:12:41.760 に答える
0

私が使用していたサードパーティのソース コードが、内部で SAAS を使用していることがわかりました。したがって、私は混乱しました。

これで、この点が明確になったので、SAAS とその仕組みを理解しようとします。

于 2013-06-27T06:36:28.887 に答える