Egyes elképzelések kezdőknek, hogyan kell működtetni szelektor css, css
Itt látható a HTML - fájl:
A CSS - fájl tartalmazza csak a blokk választókat, hogy látjuk az alábbiakban.
ID szelektor
szintjének emelése
ID -selector legjelentősebb típusa szelektor, amikor a CSS - a leírás. Elméletileg ezek verte ki más típusú kapcsolók és stílusok. Ez jól hangzik, de a gyakorlatban ez nem jelent semmit jó, mert jó, hogy van szelektor, amely könnyen felülírható, ha szükséges.
osztályszelektor
szintjének emelése
Class Selectors - a barátainkat. Talán ez a leggyakrabban használt és legsokoldalúbb szelektor. Részben azért, mert minden böngésző támogatja.
Címkeválasztó
szintjének emelése
A legnagyobb előnye a címke szelektor érezte, ha változtatni tulajdonságok, amelyek egyediek HTML - elem. Például, amely list-style elem
- vagy lap méretű elem
. És hol kívánja állítani a stílusokat. mivel a böngésző az adott terméket.De, akkor nem adhatnak feltétel nélküli hitelt nekik. Ezek általában több hasznos lehet egy osztály definiál egy stílust, hogy lehet alkalmazni, hogy minden HTML-elem.
attribútum szelektor
szintjének emelése
Persze, akkor is azt állítják, hogy az attribútum szelektor hasznosabb, mint szelektor osztályok, mert nem tudnak választani csak a jelenléte a jellemző, hanem annak pontos értékét.
Nos, ez is elfogadható, de megjegyezzük, hogy az attribútum szelektor nem támogatja az IE6.
szelektor pozícióját
szintjének emelése
Számos különböző helyzeti szelektor: n-ed gyermek. Az egyszerű kifejezéseket (például 3n = „minden harmadik”), akkor válassza ki elemeket pozíciójuk alapján a HTML-dokumentum. Lehet kísérletezni az ötlet itt, vagy használja néhány kész recepteket.
Pszeudo-szelektor
szintjének emelése
üres az egyik a több pszeudo-szelektor, hogy meg lehet tanulni egy kettőspont (:). Általános szabály, hogy ők valami, amit nem lehet felismerni az elem vagy attribútum - külön-külön.
Meg kell jegyezni, hogy azok egy kicsit eltér a pszeudo-elemek. hogy lehet azonosítani kettőspont (: :). Ők felelősek elemek hozzáadása az oldalhoz.
szintjének emelése
Szelektorok kombinálható:
Vannak is kombinációi szelektor, mint
u +>, amelyek befolyásolják a választókat az alábbiak szerint:
Fordítása a cikk «Kezdő fogalmak: Hogyan CSS Selectors Work» készítettünk egy csapat barátságos Web design projekt tól Z-ig
Kapcsolódó cikkek