CSS Element Seçicisi

CSS Element Seçicisi

En yaygın CSS seçicisi element seçicisidir. Diğer bir deyişle, belgenin elementleri en temel seçicidir.

HTML stili ayarlamak için, genellikle bir HTML elementi, örneğin p, h1, em, a veya hatta html itselfi olan bir seçici kullanılır:

html {color:black;}
h1 {color:blue;}
h2 {color:silver;}

Kişisel olarak deneyin

Bir stili bir elementten diğerine geçiş yapabilirsiniz.

Yukarıdaki paragraf metnini (h1 elementi yerine) gri olarak ayarlamak istiyorsanız, sadece h1 seçicisini p: olarak değiştirin:

html {color:black;}
p {color:gray;}
h2 {color:silver;}

Kişisel olarak deneyin

Tür seçicisi

W3C standartlarında, element seçicisi tür seçicisi olarak da bilinir (type selector).

“ Tür seçicisi, belge dil element türünün adını eşleştirir. Tür seçicisi, belge ağacında bu element türündeki her bir örneği eşleştirir. ”

Aşağıdaki kurallar, belge ağacındaki tüm h1 elementlerini eşleştirir:

h1 {font-family: sans-serif;}

Bu yüzden, XML belgesindeki elementlere stil de ayarlayabiliriz:

XML belgesi:

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/css" href="note.css"?>
<note>
<to>George</to>
<from>John</from>
<heading> Hatırlatma</heading>
<body>Toplantıyı unutmayın!</body>
</note>

CSS Belgesi:

note
  {
  font-family:Verdana, Arial;
  margin-left:30px;
  }
to
  {
  font-size:28px;
  display: block;
  }
from
  {
  font-size:28px;
  display: block;
  }
heading
  {
  color: red;
  font-size:60px;
  display: block;
  }
body
  {
  color: blue;
  font-size:35px;
  display: block;
  }

Sonuçları Gör

Yukarıdaki örneklerden, CSS element seçicilerinin (tip seçicileri) XML belgelerindeki elementlerin stillerini ayarlayabileceğini görebilirsiniz.

XML belgelerine stil eklemek hakkında daha fazla bilgi almak için CodeW3C'nin XML Eğitimi。