2

次の CSS クラス セレクターをリファクタリングするにはどうすればよいですか?

.second-panel .k-block, 
.second-panel .k-header, 
.second-panel .k-grid-header,
.second-panel .k-toolbar, 
.second-panel .k-grouping-header, 
.second-panel .k-pager-wrap,
.second-panel .k-draghandle 
 {
background-color: red;
 }
4

1 に答える 1

2

これを試してください: Working Demo

.second-panel *[class^="k-"] {
   background-color: red;
}

繰り返しますが、例外が 1 ～ 2 個の要素しかない場合は、:notセレクターを使用して、次のスタイルを適用しないようにすることができます。

例:ワーキングデモ

.second-panel *[class^="k-"]:not(.k-noapply):not(.k-noapply2) {
   background-color: red;
}

しかし、これを最後の選択肢として検討することをお勧めします。そういう要素が増えると、質問に書いてある通りのことをやってしまうからです。したがって、1 ～ 2 個の要素に対してのみ実行できます。

于 2013-07-22T04:38:22.867 に答える