このようなhtmlを作成しましょう。推奨CSSスタイルガイド
<div class="mainElement">
<div class="subElement1">...</div>
<div class="subElement2">...</div>
<div class="subElement3">...</div>
</div>
したがって、「subElement1」のスタイルを変更したい場合は、よりスタンドアットであるか、より高速です。あなたが持っているものから、
.mainElement > .subElement1{
/*some CSS here..*/
}
.mainElement .subElement1{
/*some CSS here..*/
}
.mainElement > div:first-child{
/*some CSS here..*/
}
最初は最も具体的であるように最も速くなります.... "標準"は意見です...状況によって異なります。 –
subElement1を再利用したい場合、私は最初のものと一緒に行きます。最後のオプションは、subElement1の使用を不要にします。 – Handsken