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