CSS-selector, 'me karolo ea sona e fomata HTML-tokomane

Bōpa websaeteng le tlatsa ka ho eona le likarolo tse itseng tsa leqephe la web, mong le e mong li tla tobana le nako e kang CSS-selector. Ho sebeletsa ho ka tsela e nepahetseng ho feta beha likarolo tsohle tsa HTML-faele ea morero le sebaka ka leqepheng la. Ho etsa sena, bōpa e CSS-e leng tokomane eo e bolela ho tsoa selectors itseng le dikgetho tsa bona fomata: 'mala, boholo, tulo eo le tse ling. Mong le e mong moqapi ho web lokela ho tseba 'me le khona ho hantle kena bakhethoa batlang. Di arotsoe ka mofuta, ba ka sehloohong tseo ka tsona re buisana tlase.

Mefuta eohle ea selectors ka CSS

Ho itšetlehile ka ho eo e elements e sebelisoa HTML-boitsebiso bo hlophisitsoeng, CSS-selector ka 'na lebisa ho se seng sa lihlopha tsena tse latelang:

• la tag selector;
• sehlopha sa selector;
• ID-selector;
• hlalosa selector.

Tag selector

Ho o boetse o bitsoa "mofuta selector" kapa "elements", e ke e bonolo ka ho fetisisa le ba tloaelehileng. E le ea hae CSS-tokomane ke mabitso a thepa ea motheo ea HTML-faele, eo re neng re ka hlalosa. Ka mohlala, haeba re lokela ho beha serapeng setaele, re bolela ka ho toba ea thepa le litekanyetso tsa bona bakeng sa leq elements {semelo sa: x; mala: y el; size: med}. Tabeng ena, serapeng sa tsohle ya leqephe ho web ba tla ba le fomate ya e tšoanang (mala bokamorao, boholo ho mongolo, 'me joalo-joalo. D.).

sehlopha sa selector

Le seo haeba u lokela ho kōpa ba hao mong le e mong serapa sa e fapaneng ho tloha mekhoa e meng? Ho etsa sena, ho na le sehlopha sa selector.

CSS-tokomane tabeng ena e ne e tla nang le e ho kena ya foromo latelang: p.first {mala: x,; fonte-size: y el}. Kahoo, re hlalosa thepa ea " 'mala"' me "ka boholo" feela sehlopha sa serapa sa pele.

Ka HTML-tokomane tabeng ena entered sehlopha sa tšobotsi ho lebitso la setaele pele. Litlelase ka ba e ngata kamoo ho ka mokhoa u batla ho etsa kopo ya likarolo ho web page.

Selector ID

Hangata ho nang le tlhokahalo e ho hlalosa e le mokhoa oa ho ngola ka tsela e nepahetseng ho feta, ho etsa mohlala efe kapa efe elements e mong oa leqephe, kapa ho latsoa bona. Ka ba boemong bona, thuso eo e fihla ID-selector. The HTML faele abela ka lakatsa ntho lebitso le khethollang e har'a ba bang. Ka mohlala, thepa ea motheo e le hore re batla ho beha e fapaneng ho tloha setaele tse ling e tla ba le sehlooho sehloohong see.

Ebe ka HTML-tokomane abela ba platform H1 moswananosi, joalo articlename. Le ka CSS-faele, qaqisa setaele phaella ka ho re ho ID lebitso grille: #articlename {mala: putsoa; ho mongolo-iphaphathang: setsi}. Joale le sehlooho se ya rona tla ba le 'mala o botala ba le boithati.

Mong le e mong mefuta e ka holimo ka ho e le "e bonolo CSS-selector" o hlalositsoeng. Ba hlalosa fomata bakeng sa paramethara khetheha tsa HTML-tokomane: hammoho likarolo tšoanang (mohlala, lirapa kaofela sehloohong), sehlopha sa 'ngoe (ka mohlala, feela serapa pele) kapa ntho e itseng (ho etsa mohlala, sehlooho sehloohong see).

hlalosa selectors

, Ho phaella ho ka holimo, ho na le CSS-selectors litšobotsi - mokhoa rarahaneng ho feta ya mekhoa kopo. E lumella thalong likarolo HTML ka tšobotsi kgethile kapa boleng. Ho na le mefuta e sa tsoaneng e 'maloa ea selector ena:

• ke boteng ba tšobotsi ea;
• ka boleng lona hantle;
• ke boleng leeme tšobotsi;
• ka boleng lona itseng.

A re hlahlobeng e mong oa mefuta e ana:

1. Tabeng ea pele. Fomata e sebelisoa, haeba le teng ka e itseng tšobotsi HTML-khoutu (ho ka 'na ba le leq, div, platform, joalo-joalo). Haeba ho ke ke ha ho joalo, e sebelisa karela bakeng sa likarolo tsohle tsa setaele. Ka mohlala, bakeng sa thepa ea motheo e nang le sehlooho (sesebelisoa keletso).
2. Tabeng ea bobeli. Mokhoa oa ho ngola e sebetsa feela ho HTML-likarolo hore na papali e tobileng ea melao ea boitšoaro e tšobotsi. Ka mohlala, ho input le thepa ea motheo, moo boleng tsa mofuta tšobotsi lekana romela.
3. Tabeng ea boraro. Tlas'a thalong tla feela kenyeletsa lintho ka lethathamo la melao ea boitšoaro eo e na le lentsoe itseng. Mohlala, barathoko tšobotsi "sehlopha sa" bakeng sa likarolo div.
4. Tabeng ea bone. Style e hlalosoa feela lik'hemik'hale tseo tsa HTML-tokomane, eo ho khetheha tšobotsi e na le boleng bo itseng, 'me a qala le eena. Mohlala, tšebeliso ea 'mala boletsweng ho likarolo tsohle tseo puo ea Senyesemane tšobotsi (e leng ka' na ba en Khao, en-RUS, en Khao-au le sa t. D.).

Kahoo, ka ho sebelisa e 'ngoe kapa tse ling tse, ho CSS selector, ka molemo ka ho fetisisa ho boletsweng e le ho web leqepheng la lohle,' me ka hlalosa tse ling tsa likarolo tsa eona.