CSS Dersleri Bölüm 14 Grup seçiciler ve İç içe seçiciler
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;
}
{
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:
İç 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;
}
{
color:blue;
text-align:center;
}
.marked
{
background-color:red;
}
.marked p
{
color:white;
}