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>