Интихоби унсур бо чандин синф дар CSS
Агар хоҳем, метавонем унсуреро интихоб кунем, ки дар як вақт ду синф дорад, бе он ки ба унсурҳое, ки яке аз ин синфҳоро доранд, даст расонад.
Биёед ба мисол назарем. Фарз мекунем коди зеринро дорем:
<p class="eee">
This is a paragraph with text.
</p>
<p class="zzz">
This is a paragraph with text.
</p>
<p class="eee zzz">
This is a paragraph with text.
</p>
Чунон ки мебинед, абзаси аввал синфи eee дорад,
абзаси дуюм - синфи zzz, ва абзаси сеюм
- ҳардуи ин синфҳоро дар як вақт дорад.
Биёед абзаси охиринро интихоб кунем, бе он ки ба дигарон даст расонем. Барои ин номи як синф ва номи синфи дуюмро бе фосила пай дар пай нависем:
.eee.zzz {
color: red;
}
Унсуреро интихоб кунед, ки дар як вақт синфҳои
eee, zzz ва ccc дорад:
<p class="eee">
This is a paragraph with text.
</p>
<p class="zzz">
This is a paragraph with text.
</p>
<p class="ccc">
This is a paragraph with text.
</p>
<p class="eee zzz ccc">
This is a paragraph with text.
</p>