CSS-selector, a seng Roll an wat HTML-Dokument

Schafen eng Websäit an et mat verschidden Elementer vun der Web Säit llt, wäert jidderengem e Begrëff Gesiicht wéi d'CSS-selector. Et déngt bis méi all HTML-Fichier vun hiren Design an Plaz op der Säit d'Elementer vun präziist bestëmmen. Maachen dëst, schafen engem CSS-engem Dokument, datt bestëmmte selectors Zauber aus an hir wat Optiounen: Faarf, Gréisst, Plaz an aner. All Web Designer solle wëssen a gebass gin bis richteg de gewënschte Zorten gitt. Si sinn duerch Typ ënnerdeelt, den Haaptgrond vun deem mir ënnert diskutéieren.

Arte vun selectors an CSS

Jee fir déi ass d'Element applizéiert HTML-drënner, CSS-selector fir eng vun den folgenden Gruppen beschäftegen kann:

• Tag selector;
• Klass selector;
• ID-selector;
• Spezialfäegkeeten selector.

Tag selector

Et ass och "Typ selector" oder "Element" genannt, ass déi einfach a gemeinsam. Wéi seng CSS-Dokument sinn d'Nimm vun den Elementer vum HTML-Fichier, déi mir beschreiwen. Zum Beispill, wa mir de Paragraphe Stil ze setzen mussen, bestëmme mer d'Eegeschaften an hir Wäerter fir d'Element p {Hannergrond: x; Faarf: y; Gréisst: Z}. An dësem Fall, all Abschnitter vun der Web Säit wäert hunn déi selwecht Format (Hannergrondfaarf, Text Gréisst, an sou op. D.).

Klass selector

A wat wann Dir Är all Paragraph verschidden ass vun anere Stiler froen mussen? Maachen dëst, do ass eng Klass selector.

CSS-Dokument an deem Fall wier en Element vun de folgende Formulaire enthalen: p.first {Faarf: x; Schrëftgréisst-Gréisst: y}. Sou, mir definéieren d'Eegeschafte vun "Faarf" an "Gréisst" just fir éischt Klass Paragraph.

An engem HTML-Dokument an deem Fall an enger Klass Spezialfäegkeeten fir den Numm vun der Stil éischt. Klassen kann sou vill wéi de Stil Dir fir e Web Säit Elementer ze gëllen wëllt ginn.

Selector ID

Oft do ass e brauchen e Stil méi präziist zum Beispill fir all een Element vun der Säit, oder op Prouf hinnen, ze definéieren. An dëser Situatioun, wat d'Hëllef ID-selector. Der HTML Fichier engem gewënschte Äerem Numm uginn, dass et ënnert der anerer identifizéiren. Zum Beispill, déi Elementer, déi mir vun anere Stil ze setzen verschidden wëllt gëtt den Artikel Titel ginn.

Dann an engem HTML-Dokument Attributiounsregele de Wénkel H1 Identifizéierer, esou articlename. An am CSS-Fichier uginn de Stil ze iwwerdribblen fir de ID Numm villes: #articlename {Faarf: blo; Text-fir: Zentrum}. Elo muss eis Iwwerschrëft déi blo Faarf a Sëtz.

Jiddereng vun den uewe Zorte kann als "eng einfach CSS-selector" beschriwwe ginn. Si definéieren deem wat fir eng bestëmmte Parameter vun der HTML-Dokument: zesumme ähnlech Elementer (zB, all d'Abschnitter vum Artikel), eng Klass (zum Beispill nëmmen den éischten Alinéa) oder e bestëmmten Objet (zum Beispill den Artikel Titel).

Spezialfäegkeeten selectors

Nieft der uewen, do ass eng CSS-selectors Attributer - méi komplizéiert Method vun Applikatioun ënnerstëtzen. Et erlaabt HTML Format Elementer op der gewielter Spezialfäegkeeten oder Wäert. Et gi verschidden Zorten vun dëser selector:

• vun der Präsenz vun der Spezialfäegkeeten;
• bei seng exakt Wäert;
• déi partiell Spezialfäegkeeten Wäert;
• op hir spezifesch Wäert.

Loosst eis all eenzel vun dësen Aarte betruecht:

1. Den éischte Fall. Wat ass applizéiert, wann elo an engem spezifeschen Spezialfäegkeeten HTML-Code (et kann e p, Divisiounen, Wénkel ginn, etc.). Wann et net ass, benotzt et engem Allgemeng fir all d'Elementer vun Stil. Zum Beispill, fir déi Elementer den Titel mussen (Outil Tipp).
2. Déi zweet Fall. De Stil gëllt nëmmen fir der HTML-Elementer déi eng exakt Match vun der Spezialfäegkeeten Wäerter hunn. Zum Beispill, fir Input der Elementer, wou de Wäert vun der Zort Spezialfäegkeeten Copie fusionnéiert.
3. Déi drëtt Fall. Ënnert dem Format gëtt och nëmmen Artikelen an der Lëscht vun de Wäerter, déi e bestëmmte Wuert huet. Zum Beispill, Newsfeed Spezialfäegkeeten "Klass" fir Elementer Divisiounen.
4. De véierte Fall. Stil ass definéiert nëmmen fir déi Elementer vun HTML-Dokument, deem besonnesch Spezialfäegkeeten huet eng gewësse Wäert, a fänkt mat him. Zum Beispill, d'Benotzung vun der spezifizéierter Faarf fir all Elementer déi englesch Sprooch Spezialfäegkeeten (wat en kann, en-Rus, en-au a t. D.).

Also, duerch eng oder déi aner mat, der CSS selector, kann beschte als ganze Web Säit uginn ginn, an e puer vun sengen Elementer beschreiwen.