1

漠然とした記憶がありますが、キーワード「with」または「like」を使用して次のようなことができることについて、何も見つかりません。

using .class1{
  #a1, #a4{color:#ffffff;}
  #a2{color:#dddddd;}
  #a3{color:#eeeeee;}
}

書く代わりに：

.class1 #a1, .class #a4{color:#ffffff;}
.class2 #a2{color:#dddddd;}
.class3 #a3{color:#eeeeee;}

問題は、ページにいくつかの html/css を含めていて、css がページの残りの部分を台無しにしていることです。したがって、CSS を変更して、ページ全体ではなく小さな部分にのみ影響するようにしたいと思います。私はこれをすべてプログラムで多数のページで行っているので、css を解析して先頭に .class1 を追加するよりも、新しい css をすべて「using .class1」のようにラップする方がはるかに簡単です。すべてのセレクターの。

何か案は？ありがとう！！

4

2 に答える 2

2

SASSなどの CSS プリプロセッサを使用しない限り、目的を達成する方法はありません。SASS を使用すると、次のようになります。

.class1 {
  #a1, #a4 {
      color: #ffffff;
  }
  #a2 {
      color: #dddddd;
  }
  #a3 {
      color: #eeeeee;
   }
}

参考：リトルリンク.

于 2012-09-26T18:37:12.617 に答える
0

含まれているHTMLのブロックを次のような独自のIDでラップします#overRideCSS

次に、特定のスタイルをオーバーライドする必要がある場合は、セレクターの前にそのIDを付けることができます。

#overRideCSS <other selectors> {etc...}
于 2012-09-26T18:29:44.107 に答える