Birden Fazla Sinifi Tek Sinifta Göstermek
a,b ve c gibi üç ayri sinifimiz olsun. Bu üç ayri sinifi tek bir sinifta gösterebiliriz.
CSS Kodu:
.a{font-family:Arial;}
.b{color:orange;}
.c{background:black;}
Html Kodu:
<p class="a b c">Yazilarim hep burada</p>
GENEL (EVRENSEL) SEÇICILER
Tüm elementleri kapsayacak bir seçicidir. "*" karakteri ile kullanilir.
CSS Kodu:
<style type="text/css">
*{color:orange;}
</style>
Html Kodu:
<p>Ormanda dolasanlar</p>
<h1>Aslanlar</h1>
<h2>Kaplanlar</h2>
<h3>Zebralar</h3>
<strong>Kartallar</strong>
GENEL KAPSAMA SEÇICISI
Tüm elementlerin özelliklerinde benzer degerlerin seçimi yapilir. "~" karakteri ile gosterilir.
Örnegin: Bütün elementleri önce "*" karakteri ile seçimi yapalim. Daha sonra genel kapsama seçicisini kullanarak istenilen görünüm degisikligini gerceklestirelim.
CSS Kodu:
<style type="text/css">
*[title~="a"]{color:orange;}
</style>
Html Kodu:
<p title="a">Ankara</p>
<h1 title="a b">Istanbul</h1>
<strong title="a">Bolu</strong>