A CSS-ben kiválaszthat elemeket, class és id stílusokat alkalmazhat, és testreszabhatja az elemeket a weboldalon. Itt található egy részletes útmutató a használatukhoz:
Elemek kiválasztása
Egy adott HTML-elem összes példányának kijelöléséhez használja az elem nevét választóként. Például p kijelöli az összes <p> címkét a dokumentumban.
Kiválasztás Class
Az azonos osztályú elemek kiválasztásához használjon egy pontot "." utána az osztály neve. Például .my-class kijelöli az összes elemet az osztállyal my-class.
Több osztályú elemek kiválasztásához használja a "." és sorolja fel az osztályneveket szóközzel elválasztva. Például .class1.class2 kijelöli az elemeket mindkettővel class1 és class2 osztályokkal.
Kiválasztás id
Egy adott elem kiválasztásához id használjon "#" hash-t, majd az elemet id. Például #my-id kiválasztja az elemet a id my-id.
Element, Class, és ID kijelölések kombinálása
Kombinálhatja az elem, class, és azonosító kijelöléseket, hogy meghatározott elemeket célozzon meg adott osztályokkal és osztályokkal ID.
Például div.my-class#my-id kiválasztja az <div> elemet a class my-class és a ID my-id.
Íme egy konkrét példa az elemek, class és id a CSS-ben történő kiválasztására:
/* 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;
}
element A, , és id kijelölések használatával class egyszerűen kiválaszthat és stílusozhat bizonyos elemeket vagy elemcsoportokat a weboldalon.