CSS-selector, en syn rol yn de opmaak HTML-dokumint

It meitsjen fan in website en ynfoljen it mei bepaalde eleminten fan de webside, elkenien, sille in term lykas de CSS-selector. It tsjinnet om krekter fêst te stellen alle eleminten fan HTML-triem fan har ûntwerp en lokaasje op 'e side. Om dit te meitsje in CSS-in dokumint dat spreuken út bepaalde selectors en harren opmaak opsjes: kleur, maat, lokaasje en oare. Elke web designer moatte witte en kinne goed fieren de winske seleksjes. Se binne ferdield troch type, de wichtichste dêr't wy beprate hjirûnder.

Soarten fan selectors yn CSS

Ôfhinklik fan dêr't it elemint wurdt tapast html-formattearre, CSS-selector kin ferbân hâlde mei ien fan de folgjende groepen:

• tag selector;
• class selector;
• id-selector;
• taskriuwe selector.

tag selector

It wurdt ek wol "type selektor" of "elemint", it is de meast ienfâldige en mienskiplik. As syn CSS-dokumint binne de nammen fan 'e eleminten fan HTML-triem, dêr't wy beskriuwe. Bygelyks, as wy moatte om de alinea styl, wy oantsjutte de eigenskippen en harren wearden foar it elemint p {background: x; color: y; size: z}. Yn dit gefal, alle leden fan de webside sil hawwe deselde opmaak (eftergrûnkleur, tekst grutte, ensafuorthinne. D.).

klasse selector

En wat as jo moatte freegje jo elke alinea is oars fan oare stilen? Te dwaan, is der in klasse selektor.

CSS-dokumint yn dit gefal soe befetsje in yngong fan 'e neikommende foarm: p.first {color: x; font-size: y}. Sa, wy beskiede hokker eigenskippen fan "kleur" en "grutte" allinnich foar earste klasse alinea.

Yn in HTML-dokumint yn dit gefal entered a klasse attribút oan 'e namme fan' e styl earst. Klassen kin wêze safolle as de styl jo wolle oanfreegje foar in webside eleminten.

selector id

Faak is der in ferlet om te bepalen in styl better, bygelyks nei eltse ien elemint fan de side, of te sample se. Yn dizze situaasje, de help komt id-selector. De html triem tawize in winske item namme dy't identifisearret it ûnder 'e oaren. Bygelyks, de eleminten dy't wy wolle set oars fan oare styl sil wêze it artikel titel.

Dan yn in html-dokumint it tawizen fan de kop h1 identifier, sokke articlename. En yn de CSS-triem, spesifisearje de styl, tafoegjen oan it ID namme grille: #articlename {color: blau; text-align: sintrum}. No ús kearndoel sil hawwe de kleur blau en midden.

Elk fan 'e boppesteande typen kinne wurde omskreaun as' in ienfâldich CSS-selector ". Se beskiede hokker opmaak foar in bepaald parameter fan it HTML-dokumint: tegearre ek eleminten (bygelyks, alle lidden fan it artikel), ien klasse (bygelyks, allinnich de earste alinea) of in spesifike item (bygelyks, it artikel titel).

attribute selectors

Njonken de boppesteande, is der in CSS-selectors attributes - mear komplisearre metoade fan tapassing stilen. It stelt HTML opmaak eleminten op de selektearre skaaimerk of wearde. Der binne ferskate farianten fan dit selektor:

• troch de oanwêzigens fan it predikaat;
• op syn krekte wearde;
• troch in part skaaimerk wearde;
• op syn spesifike wearde.

Nim no elk fan dy soarten:

1. It earste gefal. Opmaak wurdt tapast, as oanwêzich yn in spesifyk skaaimerk html-koade (it kin in p, div, header, ensfh). As it net, it brûkt in algemiene foar alle eleminten fan styl. Bygelyks, foar de eleminten dy't de titel (ark tip).
2. It twadde gefal. De styl jildt allinne foar de html-eleminten dy't hawwe in eksakte wedstriid fan it predikaat wearden. Bygelyks, om input 'e' e eleminten, dêr't de wearde fan it type skaaimerk is lyk oan yntsjinje.
3. It tredde gefal. Under de opmaak sil allinnich ûnder oare objekten yn de list fan wearden, dat hat in bepaalde wurd. Bygelyks, sideBar skaaimerk "klasse" foar eleminten div.
4. De fjirde gefal. Styl wurdt definiearre allinnich foar dy eleminten fan HTML-dokumint, waans bepaalde attribút hat in bepaalde wearde, en begjint mei him. Bygelyks, it brûken fan de oantsjutte kleur foar alle eleminten dêr't de Ingelske taal attribút (wat kin wêze en, en-RUS, en-au en t. D.).

Sa, troch mei help fan ien of de oare, de CSS selektor, kinne bêste wurde omskreaun as in hiele side, en beskriuwe in pear fan syn eleminten.