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.

<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.


Hagyjon üzenetet!

Responsive template also for mobilephones - © Minden jog fenntartva! - © All rights reserved - Varga Zsolt
Stat