CSS Dersleri Bölüm 14 Grup seçiciler ve İç içe seçiciler

CSS Dersleri Bölüm 14 Grup seçiciler ve İç içe seçiciler

by Hasan Yasin Türkyılmaz Mart 27, 2012

Not: Bu içerik ve içerikler dizisi, Css’in doğru kaynaklardan öğrenilmesi ve Türkçe kaynak sıkınıtısının giderilmesi adına w3schools’tan çevirilmiştir. Online yani çevrimiçi editör de w3schools’a aittir. Herhangi bir sorunuz için aşağıya yazabilirsiniz!


Grup Seçiciler

Stil dosyasında aynı stile sahip elementler mevcut olabilir.

h1
{
color:green;
}
h2
{
color:green;
}
p
{
color:green;
}

Kodu kısaltmak için,seçicileri gruplayabilirsiniz.

Herbir seçiciyi virgül ile ayırırsınız.

Aşağıdaki örnekte yukarıdaki örneği gruplamış olduk:

Örnek

h1,h2,p
{
color:green;
}

Kendiniz de deneyebilirsiniz »

 


İç içe seçiciler

Bir seçicinin içindeki seçiciye stil atamak da mümkündür.

Aşağıdaki örnekte, bir stil tüm elementler için uygulanmıştır, bir stil belirli tüm elementler ile, iç içe yer almış olan bir p elementine daha uygulanmıştır:

Örnek

p
{
color:blue;
text-align:center;
}
.marked
{
background-color:red;
}
.marked p
{
color:white;
}

Kendiniz de deneyebilirsiniz »

Bültenime kaydol!

İster soru sor, ister yazılarımdan ve etkinliklerimden haberdar ol...

Hasan Yasin Türkyılmaz

Dijital stratejist, growth hacker, pazarlama ve reklam danışmanı, eğitmen, konuşmacı, yazar @bilgeadam @g4asw @hyturkyilmaz

Related Articles

%d blogcu bunu beğendi: