CSS-választók használt a stílusozni kívánt tartalom kiválasztásához . A szelektorok a CSS-szabálykészlet részét képezik. A CSS-szelektorok a HTML-elemeket azonosítójuk, osztályuk, típusuk, attribútumuk stb. szerint választják ki.
A CSS-ben többféle szelektor létezik.
- CSS elemválasztó
- CSS-azonosító választó
- CSS osztályválasztó
- CSS univerzális választó
- CSS csoportválasztó
1) CSS elemválasztó
Az elemválasztó a HTML elemet név szerint választja ki.
p{ text-align: center; color: blue; } <p>This style will be applied on every paragraph.</p> <p id="para1">Me too!</p> <p>And me!</p>Tesztelje most
Kimenet:
Ez a stílus minden bekezdésre érvényes lesz.
Nekem is!
kruskals algoritmus
És én!
2) CSS Id Selector
Az id-választó kiválasztja egy HTML-elem id attribútumait egy adott elem kiválasztásához. Az azonosító az oldalon belül mindig egyedi, így a rendszer egyetlen egyedi elem kiválasztására szolgál.
Ezt a hash karakterrel (#), majd az elem azonosítójával írják.
Vegyünk egy példát a 'para1' azonosítóval.
#para1 { text-align: center; color: blue; } <p id="para1">Hello Javatpoint.com</p> <p>This paragraph will not be affected.</p>Tesztelje most
Kimenet:
Szia Javapoint.com!
Ezt a bekezdést ez nem érinti.
3) CSS osztályválasztó
Az osztályválasztó kiválasztja a HTML elemeket egy adott osztályattribútummal. A pont karakterrel használatos. (pont szimbólum), majd az osztály neve.
Megjegyzés: Az osztály nevét nem szabad számmal kezdeni.
Vegyünk egy példát egy osztály „központjával”.
.center { text-align: center; color: blue; } <h2>Hello Javatpoint.com (In smaller font)</h2> <p>This is a paragraph.</p>Tesztelje most
Kimenet:
Szia Javapoint.com!
Hello Javatpoint.com (kisebb betűtípussal)
Ez egy bekezdés.