CSS-selector, ma lana matafaioi i formatting HTML-pepa aloaia

Fatuina o se website, ma faatumulia i elemene patino o le itulau o le initaneti, o le a feagai tagata uma se vaitaimi e pei o le CSS-selector. O auauna e sili atu le saʻo fuafuaina elemene uma o le HTML-faila o latou mamanu ma le nofoaga i luga o le itulau. Ina ia faia lenei mea, e faatupuina se CSS-o se pepa aloaia lena e maua mai nisi selectors ma a latou filifiliga formatting: lanu, lapoa, nofoaga ma isi. e tatau ona mamanuina uma web iloa ma mafai ona ulu atu i lelei le filifilia manaomia. Ua vaevaeina i ituaiga, o le autu o lea tatou te talanoaina i lalo.

Ituaiga o selectors i CSS

E faalagolago i lea e faaaogaina formatted-HTML le elemene, e mafai ona fesootai CSS-selector i se tasi o vaega nei:

• selector pine;
• selector vasega;
• ID-selector;
• faafetaia selector.

pine selector

O loo taʻua foi "selector ituaiga" po o le "elemene", o le e sili ona faigofie ma masani. A o lona CSS-pepa aloaia o le igoa o le elemene o le HTML-faila, lea tatou te faamatalaina. Mo se faataitaiga, pe afai e tatau ona tatou faatulagaina le faiga parakalafa, tatou faamaoti le meatotino ma o latou tulaga faatauaina mo le p elemene {talaaga: X; lanu: y; tele: z}. I lenei tulaga, o le a maua le faatulagaga lava lea e tasi o parakalafa uma o le itulau web (talaaga lanu, mau tele, ma isi. D.).

selector vasega

Ma afai e tatau ona e ole atu o ese lou parakalafa uma mai isi ituaiga? Ina ia faia lenei mea, o loo i ai se selector vasega.

CSS-pepa aloaia i le tulaga lenei o le a aofia ai se faamatalaga o le pepa nei: p.first {lanu: x; vai-tele: y}. O lea la, tatou te faauiga ai le meatotino o le "lanu" ma le "tele" mo na o le parakalafa muamua o le vasega.

I se HTML-pepa aloaia i le tulaga lenei ulufale se uiga vasega i le igoa muamua o le faiga. e mafai ona avea e pei o le tele o vasega e pei o le faiga e te manao e talosaga mo se elemene itulau web.

Selector ID

E masani lava o loo i ai se manaoga e faamatala ai se faiga e sili atu le saʻo, mo se faataitaiga i soo se tasi elemene o le itulau, po o le faaaogaina faataitaiga i latou. I lenei tulaga, o le fesoasoani e oo mai ID-selector. O le faila HTML tofia se igoa aitema manao na faailoa mai ai i totonu o le isi. Mo se faataitaiga, o le elemene e tatou te mananao e faatulaga ese mai isi faiga o le a le igoa tusiga.

Lea i se HTML-pepa aloaia tofia le header e faailoa h1, e articlename. Ma i le CSS-faila, faamaoti le faiga, ma faaopoopo i le grille igoa ID: #articlename {lanu: lanu moana; mau-ogatasi: ogatotonu}. O lenei o le a lanu moana ma taulai le lanu tatou ulutala.

e mafai ona faamatalaina ituaiga i luga o le taitasi o se "faigofie CSS-selector". Latou faauigaina le formatting mo se faapitoa parameter o le HTML-pepa aloaia: faatasi elemene faapena (eg, parakalafa uma o le tusiga), o se tasi o le vasega (mo se faataitaiga, e na o le parakalafa muamua) po o se mea patino (mo se faataitaiga, o le ulutala mataupu).

faafetaia selectors

I le faaopoopo atu i luga, o loo i ai se CSS-selectors uiga - auala e sili atu ona faigata o ituaiga talosaga. E mafai ai elemene faatulagaga HTML i le filifilia uiga po o le aoga. E tele ni ituaiga eseese o lenei selector:

• e ala i le afioaga o le uiga;
• i lona taua tonu;
• e taua faailogaina tagata e uiga;
• i lona taua patino.

Ia tatou mafaufau o nei ituaiga taitasi:

1. Le tulaga muamua. o loo faatatau Formatting, afai ei ai i se uiga faapitoa HTML-code (atonu o se p, div, header, ma isi). Afai e leai, o faaaoga a lautele mo elemene uma o faiga. Mo se faataitaiga, mo le elemene ua i ai le Igoa (tumutumu meafaigaluega).
2. O le tulaga lona lua. O le faiga e faaaogā na o le HTML-elemene o loo i ai se afitusi tonu o le tulaga faatauaina o uiga. Mo se faataitaiga, e sao le le elemene, pe afai o le tau aogā o le uiga ituaiga e tutusa ma tuuina atu.
3. O le tulaga tolu. I lalo o le faatulagaga a le gata e aofia ai mea i totonu o le lisi o tulaga faatauaina ua i ai se upu faapitoa. Mo se faataitaiga, autafa uiga "vasega" mo elemene div.
4. Le tulaga fa. ua faamatalaina faiga mo na oi latou elemene o le HTML-pepa aloaia, o lona uiga faapitoa ua i ai se taua patino, ma e amata i le ia te ia. Mo se faataitaiga, o le faaaogaina o le faamaoti mai lanu e elemene uma na o le uiga gagana Peretania (lea e mafai ona en, en-rus, en-au ma t. D.).

O lea la, e ala i le faaaogaina o se tasi po o le isi, o le selector CSS, e mafai ona sili ona faamaoti mai e pei o se itulau atoa web, ma faamatala nisi o ona elemene.