CSS . selektor třídy
Příklad
Vyberte a upravte všechny prvky pomocí class="intro":
.intro {
background-color: yellow;
}
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
.class
Selektor vybírá prvky s určitým atributem třídy .
Chcete-li vybrat prvky s konkrétní třídou, napište znak tečky (.) následovaný názvem třídy.
Můžete také určit, že třídou mají být ovlivněny pouze určité prvky HTML. Chcete-li to provést, začněte názvem prvku, poté napište znak tečky (.) a za ním název třídy (viz příklad 1 níže).
Prvky HTML mohou také odkazovat na více než jednu třídu (viz příklad 2 níže).
Verze: | CSS1 |
---|
Podpora prohlížeče
Selector | |||||
---|---|---|---|---|---|
.class | Yes | Yes | Yes | Yes | Yes |
Syntaxe CSS
.class {
css declarations;
}
Další příklady
Příklad 1
Upravte styl všech prvků <p> pomocí class="hometown":
p.hometown {
background-color: yellow;
}
Příklad 2
Tento prvek <p> bude mít styl podle class="center" AND na class="large":
<p class="center large">This paragraph refers to two classes.</p>