8. lecke típusú szelektor css
Nos kezdetnek, azt mondanám, hogy a szelektor egyedi azonosítására használt elem a HTML dokumentumot, amelyhez szeretnénk alkalmazni egy adott CSS stílust.
Eddig a pontig, dolgozunk ezen selektorom.T.e. használt közvetlenül html választó elem nevét. amelyhez szeretnénk alkalmazni a stílust. Ie például írásban osztályú szakasz (P). minden pontjában az oldalon szerzett stílus ebben az osztályban.
P font-family: Arial, Verdana, sans-serif;
font-size: 12px
>
Most tekintsük a helyzetet, amikor szükség van, hogy az első rész ugyanabban a stílusban, a második a másik, a harmadik a harmadik, stb Itt jön a támogatás az osztály választó.
Nézzük meg, hogyan lehet létrehozni egy általános osztályt CSS. És ez nagyon egyszerű: az első beállítási pont, majd azonnal, anélkül, hogy a tér, írja a nevét, az osztály, nos, akkor a zárójelek stílusban. Így például:
.zöld font-family: Arial, Verdana, sans-serif;
font-size: 12px; színe: zöld;
>
Hogyan kell alkalmazni a stílus?
Tegyük fel, hogy szeretnénk alkalmazni ezt a stílust, hogy egy adott pontban a dokumentumban. Itt van, hogyan fog kinézni a html:
Mint látható a class attribútum értéke a stílus nevét. Világos? Itt van több példa:
Ez egy normális bekezdés. azt használják szelektor elem
Ez a rész a zöld, mert kérte a class
És e bekezdéssel nagyobb betűtípust és piros
Ez a bekezdés újra normális, az osztály egy elem választó
Adja meg az első bázis stílus minden pontjában (választó egy elemre), majd ha azt akarjuk, hogy minden bekezdés változtatni valamit, hogy hozzon létre egy speciális stílust (választó osztály), és rendelje hozzá az e bekezdés érte. Amikor alkotunk ezt a nagyon különleges osztály, meg kell írni, hogy csak azokat a tulajdonságokat, amit szeretne felvenni, vagy módosítani, vonatkozásában az alapvető stílus azt az elemet.
Osztályok a fenti példa lehet alkalmazni nemcsak a rész, hanem például a fejléc, vagy egy ilyen táblázat elem vagy az egész asztal, rövid, azok bárhol használható, ahol tudnak valamit hatással (ebben az esetben, ahol csak egy paraméter színt és a szöveg).
Ahhoz, hogy az osztály jár csak egy bizonyos elemet (pl bekezdés) lehet meghatározó elem neve előtt pont:
Most zöld osztály nem fog működni mást elemet kivéve, P.
↑ top ↑
Ez a szelektor használjuk, ha ki akar választani egy elemet. egyedi, különbözik az összes többi a dokumentumban. Például válassza ki az első fejezet az oldalon egy bizonyos módon:
<Н1 id =" firstheader "> Első fejezet az oldalon
Mint látható, egy html-rész class attribútum helyett egy id attribútumot használjuk itt. és css - ahelyett, hogy a # jel használunk.
Elvileg ugyanaz a dolog lehet tenni egy választó egy osztály, akkor ahogy szeretné :)
↑ top ↑
Ez egy nagyon hasznos dolog. Tegyük fel, hogy van egy oldal asztalokkal és bekezdésnyi szöveget, és a táblázatban, és vannak részek félkövér (erős) szó. És mi is drámaian szükséges, hogy a szavakat egy bekezdés, amely akkor kezdődött félkövér zöld. Tehát:
Ie elején P utána egy szóközt, akkor és csak akkor erős stílus. Olvasd el ezt a sort, mint ez: Ha a belsejében az elem P erős eleme az erős eleme rendelni stílusban zöld.
Fészekrakó lehet bármilyen szinten. Itt egy másik példa: „Ha hirtelen belsejében egy táblázat cella (td), hogy megfeleljen bekezdés (P), amelynek belsejében egy félkövér szó (erős) hagyja ezt a szót pirosra!”
Nos, most azt hiszem, minden már világos. Kísérlet, hozzon létre saját stílusát, és akkor boldog lesz.