Selectors CSS. ituaiga o selectors

, taitasi lea o le e te manao e faatu se lanu faapitoa. Auala e fai ai? selectors CSS Standard e le talafeagai mo le pine, ua latou faailoa ai le tapulaa le taimi e tasi mo poloka uma. O le tali e faigofie lava. Tofi ni tagata o le vasega. Mo se faataitaiga, o le uluai maua div vasega = 'mumu', lona lua - vasega = 'lanu moana', lona tolu - vasega = 'lanumeamata. O lenei e mafai ona filifilia i latou e faaaoga laulau CSS.

O le syntax e faapea: faailoa mai ai se manatu ( "."), Mulimuli i le tusia o le igoa o le vasega. E pulea le muamua iunite, faaaoga le fausiaina .red. Lua - .blue ma isi.

Taua! E fautuaina e faaaoga tulaga faatauaina o le taua o le uiga o le vasega. E manatu faiga leaga e faaaoga transliteration (eg, krasiviy-blok) po o le faapotopotoga soo o tusi / numera (ojfh834871). I totonu o lenei tulafono, o le a outou maua le mautonu, ae le taʻua ai le faigata o le a feagai i latou o le a auai i le galuega ina ua uma ona ia te oe. Le mea sili filifiliga - e faaaoga so o se methodology, e pei o BEM.

Lelei - matua fetuutuunai maualuga.

Tulaga le lelei - o le elemene e tele ina ia tasi ma le vasega lava lea e tasi, o lona uiga o le a latou faasaʻoina le taimi e tasi. e foia le faafitauli i le faaaogaina o methodology faapea foi ma tofi o preprocessors. Ia mautinoa e maua e itiiti ifo lou lima, sass po o se isi preprocessor, latou faafaigofie tele ai le galuega.

selector ID

E uiga i lenei lomiga coders manatu ma polokalame e ambiguous. CSS вообще не рекомендуют использовать ID, поскольку при неаккуратном применении они могут вызвать проблемы с наследованием. O nisi CSS aoaoga faamasani e le o fautuaina le faaaogaina o ID, aua i le saʻo talosaga e mafai ona latou faia faafitauli ma tofi. Ae peitai, o le toatele o tagata agavaa faapitoa o le malosi e faatulaga i latou i le faatulagaga. E filifili. # »), затем имя блока. O le syntax e faapea: o le faailoga pauna ( "#"), lea o le igoa o le poloka. #red. Mo se faataitaiga, #red.

отличается от класса по нескольким параметрам. e ese ID mai le vasega i le tele o auala. ID. Muamua, o le itulau e le mafai ona lua ID tutusa. ua tofia i latou se igoa ese. Lona lua, e pei o se selector ei ai se faamuamua maualuga. red и укажете в таблицах CSS красный цвет фона, а затем назначите ему же id blue и укажете синий цвет, блок станет синим. o lona uiga o lenei afai e te faamaoti se iunite vasega mumu ma faamaoti i CSS laulau mumu lanu talaaga, ma tuu atu i ai le ID lava lanu moana ma faamaoti le lanu lanu moana, o le a liliu lanu moana le iunite.

Lelei - e mafai ona e pulea le elemene patino, lē amanaiaina ituaiga o pine ma vasega.

ID и class. Tulaga le lelei - faigofie ona leiloa i se aofaiga tele o ID ma vasega.

Taua! ID вам, в общем-то, не нужны. Afai o loo e faaaogaina methodology BEM (po o lona analogues), ID ia te oe, i se tulaga lautele, e le o manaomia. O lenei auala e aofia ai le faaaogaina o le faatulagaga vasega tulaga ese o le tele sili atu ona talafeagai.

selector aoao

{}. Syntax: faailoga Starlets ( "*") ma braces, o lona uiga, {*} ...

Faaaogaina e tofia uiga faapitoa faatasi elemene uma o le itulau. Pe a mafai ona aoga? box-sizing: border-box. Mo se faataitaiga, afai e te manao e faatulaga ai le meatotino itulau pusa-sizing: tuaoi-pusa. div *{}. E mafai e le gata ona faaaoga e pulea ai vaega uma o le pepa aloaia, ae faapea foi e pulea i tamaiti uma o le poloka faapitoa, mo se faataitaiga, div * {}.

Lelei - e mafai ona e pulea ai se aofaiga tele o mea i le taimi.

Leaga - le lava filifiliga fetuutuunai. I le faaopoopo atu, o le faaaogaina o lenei selector, i nisi tulaga faifai lemu le galuega itulau.

e uiga

E mafai ai ona pulea o le elemene i se uiga patino. Mo se faataitaiga, ei ai se aofai o pine sao ma se ituaiga uiga eseese. O se tasi o latou - mau, o le lona lua - upu faataga, o le lona tolu - numera. O le mea moni, e mafai ona faatulaga vasega taitasi po o ID, ae e le faigofie i taimi uma. CSS selectors o uiga e mafai ai ona faamaoti tulaga faatauaina mo pine faapitoa ma le saʻo aupito maualuga. Mo se faataitaiga, e pei o lenei:

sao [ituaiga = 'mau'] {}

O lenei selector a filifili uiga uma i le ituaiga o gagana sao.

O le meafaigaluega e fai si fetuutuunai ma e mafai ona faaaogaina i so o se pine, lea atonu ei ai uiga. Ae le o mea uma! O le specification CSS ei ai le gafatia e pulea ai elemene ma e sili atu le faigofie!

Seʻi manatu ua sao i lena lau itulau le placeholder uiga = "Ulufale atu i se igoa" ma sao placeholder = "Ulufale upu faataga". e mafai foi ona filifilia i latou e faaaoga le selector! Ina ia faia lenei mea, faaaoga le faatulagaga nei:

sao [placeholder = "Ulufale atu i le suafa"] {} po o le sao [placeholder = "Ulu Atu i le upu faataga"]

Atonu galuega sili fetuutuunai ma uiga. Sei o tatou fai atu ia te oe se aofai o pine ma le Igoa e tutusa uiga (mo se faataitaiga, "Caspian" ma le "Caspian"). E filifili uma e lua, faaaoga le filifiliga nei:

[Igoa * = "Kaspiysk"]

a filifili CSS mea uma i le ulutala o lea o loo i ai faatusa o le "Caspian", o lona uiga. E., Ma "Caspian" ma le "Caspian".

E mafai ona e filifili foi pine e amata i uiga se uiga mautinoa:

[Igoa ^ = "amio e te manao"] {}

pe faamutaina i latou:

[Igoa $ = "amio sao"] {}.

Lelei - fetuutuunai aupito maualuga. E mafai ona e filifili soo se elemene le itulau o lo oi ai e aunoa messing faatasi ma le vasega.

Tulaga le lelei - faaaogaina e matua seasea lava, ae na o mataupu patino. O le tele o mamanu web fiafia e methodology, talu mai e faigofie le vasega manatu nai lo le faatulaga tele faatafafa puipui ma faailoga "tutusa". I le faaopoopoga, o nei selectors te le o galue i lomiga tagata suʻe nuʻu Initoneti 7 ma o loo i lalo. Ae peitai, o loo manaomia i le taimi nei le tagata suʻe nuʻu Initoneti anamua?

selectors pseudo-vasega

Faaalia ai se elemene pseudo-tulaga. Mo se faataitaiga ,: TAPĒINA - le mea e tupu i le vaega o le itulau pe ae TAPĒINA ,: asiasi - le sootaga asiasi. E aofia ai foi elemene e pei o le: muamua-tamaitiiti ma: tamaitiiti mulimuli.

O lenei ituaiga o selector ua faaaogaina malosi i le faatulagaga o aso nei, ona faafetai atu i ai e mafai ona e faia se itulau "ola" e aunoa ma le faaaogaina o JavaScript. Mo se faataitaiga, e te manao ina ia mautinoa afai e te TAPĒINA i luga o le faamau i le vasega o btn suia lona lanu. Ina ia faia lenei mea, tatou te faaaogaina le faatulagaga lenei:

.btn: TAPĒINA {

talaaga-lanu: mumu;

}

e mafai ona faamaoti mai i le matagofie i totonu o le meatotino faavae o le ki, o le suiga meatotino, mo se faataitaiga, 0.5s - i le tulaga lenei, o le a lē maasiasi vave le faamau, ma i totonu o le afa lona lua.

Uiga Faaleatua - ua lautele faaaoga mo le "faafouga" o le itulau. Faigofie e faaaoga.

Tulaga le lelei - latou te lē. o se meafaigaluega ono moni ai lenei mea. Ae peitai, mamanu poto masani web mafai ona e leiloloa i le tele o pseudo-vasega. O le faafitauli e foia i le suesue ma faataitai.

pseudo-selectors

"Pseudo" - o le vaega nei o le itulau e le i HTML, ae e mafai ona latou pulea pea. E te le malamalama i ai? E sili atu ona faigofie nai lo le foliga mai ai. Mo se faataitaiga, e te manao e faia le tusi muamua i le manoa tele ma le lanumumu, ma tuua ai le isi mau laiti ma lanu uliuli. O le mea moni, e mafai ona faaiuina o le tusi i se aga ma se vasega faapitoa, ae e umi ma le manaia. E matua faigofie lava ona filifili le parakalafa atoa ma faaaoga pseudo :: uluaʻi tusi. E aumaia ai le avanoa e pulea ai le faaali mai o le tusi muamua.

E i ai lava se vaega tele o pseudo-elemene. Lisi e ono le mafai i latou i se mataupu e tasi ina ia faamanuiaina. E mafai ona e maua le faamatalaga talafeagai i lou fiafia afi suesuega.

Lelei - tuuina atu i le fetuutuunai i customize le vaaiga o le itulau.

Tulaga le lelei - e masani ona le mautonu fou ia i latou. O le tele o filifiliga o lenei ituaiga o galuega na o browsers patino.

e aotele

Selector - o se meafaigaluega mamana mo le pulea tafe pepa aloaia. Faafetai ia te ia, e mafai ona e filifili soo se vaega e tasi o le itulau (o loo i ai lava na vaega). Ia mautinoa e aoao maua filifiliga uma, po o le tusi i lalo i latou. E matua taua tele lenei pe afai e te faia itulau faigata faatasi ma se mamanu o aso nei ma le tele o elemene fesootai.