Saya tidak dapat menemukan ini sekarang tetapi saya telah membacanya sebelumnya di berbagai blog yang membahas topik tersebut. Saya akan memberikan contoh dan mudah-mudahan itu jelas (meskipun mungkin tidak menjelaskan apa pun).
Mengingat markup ini (sewenang-wenang dengan sengaja):
<div class="myWrapper">
<a href="somepage.url" class="img">
<img url="someimage.url">
</a>
</div>
<div class="yourWrapper">
<a href="somepage.url" class="img">
<img url="someimage.url">
</a>
</div>
Sedangkan CSS bisa dibaca seperti ini:
.myWrapper .img img {border: thin black solid;}
.myWrapper .img {margin:10px;}
.yourWrapper .img img {border: thick red dashed;}
.yourWrapper .img {margin:20px;}
Bisa juga ditulis seperti ini:
.myWrapper {
.img {
margin:10px;
img {
border: thin black solid;
}
}
}
.yourWrapper {
.img {
margin:10px;
img {
border: thick red dashed;
}
}
}
Tapi saya tidak ingat melihat di mana itu dibahas atau jika ada sesuatu dalam karya. Adakah yang tahu apa yang saya bicarakan?
Dan saya tidak berpikir ini adalah pertanyaan SO atau saya akan meletakkannya di SO.
}
. Aku akan membereskannya sekarang.
img
elemen dalam.img
kelas. </strike>