Özellik Seçicileri (Attribute Selectors)

29.04.2013 - 23:07

Ö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çicisi

Belirli bir etiketin özelliğine göre tanımlama yapmamızı sağlar.

Kod: [Seç]

h3[class] {color: gold;}

Kod: [Seç]

<h3>merhaba</h3>2- Özellik Değeri Seçicisi

Bir etiketin özellik değerine göre tanımlama yapmamızı sağlar.

Kod: [Seç]

mg[src="grafik.gif"] {

border: 1px solid #000;




}

3- Kısmi Özellik Değeri Seçicisi

Bir etiketin özellik değerindeki boşluklarla ayrılmış kısımlarına göre tanımlama yapmamızı sağlar.

Kod: [Seç]

[title~="seç"] {
 color:#000;
 }

<a href="google.html" title="Google seç">gooogle [/url]

4- Dikkate Değer Özellik Seçicisi

Bir etiketin özellik değerindeki kesik çizgi(-) ile ayrılmış kısımlarına göre
tanımlama yapmamızı sağlar.

Kod: [Seç]

<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