CSS szelektor

Kategóriák : CSS, CSS3

• Szelektorok

A CSS állományban tehát stílus deklarációkat adhatunk meg. A stílus deklaráció egy szelektorból és egy deklarációs részből áll. Ha áttanulmányozzuk a CSS deklarációkat, akkor látható, hogy az egyes szelektorokhoz, milyen deklarációkat határozhatunk meg. Például a div elemhez más tulajdonságok tartoznak, mint mondjuk az „a” elemhez.

p.txt1 { font-size: 14px; }
.txt2 { font-family: Arial; font-weight: bold; }

Számtalan szelektort deklarálhatunk egy CSS fájlban, mennyiségi megkötés nincsen. A fenti példában látható, hogyha a taghoz nem rendeljük hozzá az azonosítót, akkor az azonosító külön is megadható. Tehát a txt2-t ugyanúgy használhatjuk, mint a txt1-et azzal a különbséggel, hogy a txt2 akár div, akár „a” taghoz is hozzá lehet rendelni.

p#txt3 { font-family: Arial; font-size: 12px; }
#txt4 { background-color: #888888; }

Az előző példában osztály azonosítókról volt szó, a következő példában viszont elem azonosítók szerepelnek.



ID azonosítók esetében kettős kereszttel jelöljük a szelektort. Elem azonosító azt az egyetlen elemet jelöli ki, amelyre vonatkozik. Tehát id-t csak egyedileg, egyedi azonosítóként használható. Az id XHTML szabvány szerint csak egy elemet azonosíthat.