CSS . sınıf seçici
Örnek
Tüm öğeleri class="intro" ile seçin ve stillendirin:
.intro {
background-color: yellow;
}
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Seçici .class, belirli bir sınıf niteliğine sahip öğeleri seçer.
Belirli bir sınıfa sahip öğeleri seçmek için, bir nokta (.) karakteri ve ardından sınıfın adını yazın.
Bir sınıftan yalnızca belirli HTML öğelerinin etkilenmesini de belirtebilirsiniz. Bunu yapmak için öğe adıyla başlayın, ardından nokta (.) karakterini ve ardından sınıfın adını yazın (aşağıdaki Örnek 1'e bakın).
HTML öğeleri ayrıca birden fazla sınıfa atıfta bulunabilir (aşağıdaki Örnek 2'ye bakın).
| Sürüm: | CSS1 |
|---|
Tarayıcı Desteği
| Selector | |||||
|---|---|---|---|---|---|
| .class | Yes | Yes | Yes | Yes | Yes |
CSS Sözdizimi
.class {
css declarations;
}
Daha fazla örnek
örnek 1
Tüm <p> öğelerini class="hometown" ile stillendirin:
p.hometown {
background-color: yellow;
}
Örnek 2
Bu <p> öğesinin stili class="center" VE class="large" şeklinde olacak:
<p class="center large">This paragraph refers to two classes.</p>