Grafikai tervezés - Webdesign - Honlapkészítés | Websablon | Wordpress
CSS szelektor
• SzelektorokA 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.
<a id=”txt4″ href=”http://…”>Link 2</a>
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.