css - LI 内でのスタイルの適用

Question

プログラムは次の HTML を生成します

<blah blah blah> 
  <li class="compact class_x class_y">
  <label class=label/>
  <select>...</select>
  </li>
<blah blah blah>

li とラベルにスタイルを適用してその中で選択する方法はありますか? 言い換えれば、コンパクトなスタイルを作成するときはいつでも、li、ラベル、および内部の選択に変更を適用したいと考えています。ラベルには既にクラスがあり、選択にはクラスがありません。html を変更することはできません。

前もって感謝します！

score 3 · Accepted Answer

あなたはちょうど使用できるはずです

.compact {
/* li styles */
}

.compact label {
/* label styles in compact class */
}

.compact select{
/* select styles in compact class */
}

score 0 · Accepted Answer

HTML:

<blah class="something">
    <li></li>
    <label />
    <select></select>
</blah>

CSS:

.something > li {}
.something > label {}
.something > select {}

.something を何でも置き換えることができます<blah>。これらが複数あり、それぞれが異なる必要があると思いますか？

2 に答える 2