Özellik Seçicileri CSS ile tanımlama yaparken Xhtml nesnelerine erişmede sıkıntı çektiğimizde sorunu kökünden çözen bir yöntemdir.
Dört çeşit Özellik Seçicisi vardır.1- Basit Özellik SeçicisiBelirli bir etiketin özelliğine göre tanımlama yapmamızı sağlar.
h3[class] {color: gold;}
<h3>merhaba</h3>
2- Özellik Değeri Seçicisi
Bir etiketin özellik değerine göre tanımlama yapmamızı sağlar.
mg[src="grafik.gif"] {
border: 1px solid #000;
}
3- Kısmi Özellik Değeri SeçicisiBir etiketin özellik değerindeki boşluklarla ayrılmış kısımlarına göre tanımlama yapmamızı sağlar.
[title~="seç"] {
color:#000;
}
<a href="google.html" title="Google seç">gooogle [/url]
4- Dikkate Değer Özellik SeçicisiBir etiketin özellik değerindeki kesik çizgi(-) ile ayrılmış kısımlarına göre
tanımlama yapmamızı sağlar.
<html>
<style type="text/css">
*[lang|="en"] {
color: red;
}
</style>
</head>
<body>
<h1 lang="en">ingilizce</h1>
</body>
</html>
Linkback: https://www.buyuknet.com/ozellik-secicileri-attribute-selectors-t40713.0.html