V CSS můžete vybrat prvky, class a id použít styly a přizpůsobit prvky na své webové stránce. Zde je podrobný návod, jak je používat:
Výběr prvků
Chcete-li vybrat všechny instance určitého prvku HTML, použijte jako selektor název prvku. Například p vybere všechny <p> značky v dokumentu.
Výběr Class
Chcete-li vybrat prvky se stejnou třídou, použijte tečku "." následovaný názvem třídy. Například .my-class vybere všechny prvky s třídou my-class.
Chcete-li vybrat prvky s více třídami, použijte tečky "." a uveďte názvy tříd oddělené mezerami. Například .class1.class2 vybere prvky s oběma class1 a class2 třídami.
Výběr id
Chcete-li vybrat konkrétní prvek podle jeho id, použijte hash "#" následovaný znakem prvku id. Například #my-id vybere prvek pomocí id my-id.
Kombinace Element, Class, a ID Výběry
Můžete kombinovat class výběry prvků,, a id a cílit na konkrétní prvky s konkrétními třídami a ID.
Například div.my-class#my-id vybere <div> prvek pomocí class my-class a ID my-id.
Zde je konkrétní příklad výběru prvků, class a id v CSS:
/* Select all <p> tags */
p {
color: blue;
}
/* Select elements with the class "my-class" */
.my-class {
background-color: yellow;
}
/* Select the element with the ID "my-id" */
#my-id {
font-weight: bold;
}
/* Combine element, class, and ID selections */
div.my-class#my-id {
border: 1px solid black;
}
Pomocí výběrů element, class, a id můžete snadno vybrat a upravit konkrétní prvky nebo skupiny prvků na své webové stránce.