V CSS lahko izberete elemente class in id uporabite sloge ter prilagodite elemente na svoji spletni strani. Tukaj je podroben vodnik o njihovi uporabi:
Izbiranje elementov
Če želite izbrati vse primerke določenega elementa HTML, uporabite ime elementa kot izbirnik. Na primer, p izbere vse <p> oznake v dokumentu.
Izbiranje Class
Za izbiro elementov z istim razredom uporabite piko "." sledi ime razreda. Na primer, .my-class izbere vse elemente z razredom my-class.
Če želite izbrati elemente z več razredi, uporabite pike "." in navedite imena razredov, ločena s presledki. Na primer, .class1.class2 izbere elemente z obema class1 in class2 razredoma.
Izbiranje id
Če želite izbrati določen element glede na id, uporabite zgoščeno oznako »#«, ki ji sledi element id. Na primer, #my-id izbere element z id my-id.
Združevanje Element, Class, in ID izbir
Izbire elementov,, in id lahko kombinirate class, da ciljate na določene elemente z določenimi razredi in ID.
Na primer, div.my-class#my-id izbere <div> element z class my-class in ID my-id.
Tukaj je poseben primer izbiranja elementov class in 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;
}
Z uporabo izbir element, class, in id lahko preprosto izberete in oblikujete določene elemente ali skupine elementov na svoji spletni strani.