XHTML elementlere sınıf atamasını class özelliği ile gerçekleştiririz. Sınıflar, XHTML elementlerin birer özelliği olduğundan, CSS Özellik Seçicileri kullanılarak XHTML elementleri, sınıflarına göre seçebiliriz.

Hemen örnekleyelim;

<p class="onemli">Paragraf</p>

Şimdi de sınıf seçiciler ve özel seçiciler ile seçim işlemini gerçekleştirelim;

/*Sınıf Seçiciler İle */
p.onemli {}

/*Özellik Seçiciler İle */
p[class="onemli"]

Yukarıda gördüğünüz gibi ilgili paragrafı her iki şekilde de seçebiliyoruz. Önceki yazılarımda çoklu sınıf seçiminden bahsetmiştim. Şimdi ise çoklu sınıf tanımlaması yapılmış bir XHTML elementi, özellik seçiciler ile seçelim;

<span class="onemli not">Önemli Not</span>
<span class="not">Önemsiz Not</span>

Yukarıdaki ilk <span> (önemli not) elementini CSS ile seçelim;

/*Çoklu Sınıfı Seçimi */
span.onemli.not {}

/*Ya da */
span[class~="onemli"]{}

Burada gördüğünüz gibi, CSS kullanarak  sınıf özelliği olan XHTML elementleri, özellik seçicileri ile de seçebilmekteyiz. Bu da CSS’in bize sağladığı gelişkin seçme imkanlarının ne kadar çok olduğunu gösteririr nitelikte.

Fırından yeni çıkmış yazılardan haberdar olmak için RSS yayınıma abone olabilir ya da beni Twitter'dan takip edebilirsiniz.