CSS’in ikinci sürümü ile birlikte gelen Evrensel Seçici (Universal Selector) (*), bir XHTML doküman içerisindeki bütün ögeleri hızlıca seçmemizi sağlar.

Örneklemek gerekirse;

* {
	color:blue;
}

Yukarıdaki tanımlama bir XHTML doküman yapısı içerisindeki bütün elementlerin color özelliğini mavi olarak tanımlamamıza imkân verir.

W3C’nin belirttiği şekilde aşağıdaki seçimler birbirine denktir ve evrensel seçici bu tip tanımlamalarda göz ardı edilebilir.

• *[lang=tr] ve [lang=tr]
• *.onemli ve .onemli
• *#Navigasyon ve #Navigasyon

Kullanım Örnekleri

Pratik uygulamada evrensel seçici, bazı geliştiriciler tarafından Basit CSS Sıfırlama Tekniği olarak kullanılmaktadır.

* {
	margin:0;
	padding:0;
	border:0;
}

Evrensel seçici, bir XHTML elementin bütün alt elementlerini seçmek için de kullanılabilir. Aşağıdaki örnekte div içindeki bütün elementleri div * {} tanımlamasıyla seçebiliyoruz…

<p>Div Dışında Paragraf</p>
<div>
	<p>Div İçinde Paragraf <a href="#">Div İçinde Link</a></p>
</div>

* {
	color: black;
}

div * {
	color:red;
}

Evrensel seçici, standart uyumlu tarayıcılar tarafından tam desteklenmektedir. IE 5.5, 6 ve 7 sürümlerinde sorunlu desteğe sahiptir.

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