ile basliyorsa:[özellik^deger]
CSS Kodu:
div[id^="arka"]{background:orange;}
Html Kodu:
<div id="arka-bahce">Burasi arka bahçe</div>
<div id="on-bahce">Burasi on bahçe</div>
ile bitiyorsa: [özellik$=deger]
CSS Kodu:
div[id$="bahce"]{background:orange;}
Html Kodu:
<div id="arka-bahce">Burasi arka bahçe</div>
<div id="on-bahce">Burasi on bahçe</div>
Içinde "deger" sözcügü geçenler: [özellik*="arka"]
CSS Kodu:div[id*="arka"]{background:black;}
Html Kodu:
<div id="arka-bahce">Burasi arka bahçe</div>
<div id="on-bahce">Burasi on bahçe</div>