CSS-selettore è u so rolu in formatting html-documents

Per creà u vostru situ è filling it with certain elements of a web page, tutti i certamenti vanu cù un cuncettu cumu un selettore CSS. U sirviziu per accuncià detalli e elementi di u schedariu html, u so designu è u postu nantu à a pagina. Per fà questu, crià un documentu CSS, chì prescrive l'altru o altre selecturi è i paràmetri per u so formatatu: culore, grandore, posizione, è altri. Tutti i web designer t'hà bisognu è esse capaci di cumentu accertà i selezziunati. Hè divisu per i tipi, i principali di quale avemu da cunsiderà quì sottu.

Tipi di selezziunisti in CSS

Sposta da quale elementu html hè appiicatu u furmatu, u selettore CSS pudite riferite unu di i gruppi di seguente:

• U selettore di tags;
• Selector Classe;
• U selector;
• Attribute selector.

Selettore Tag

Hè chjamatu ancu un "selector tipu" o "per elementu", hè u megliu è più cumuni. Cum'è u so nome in u CSS-documentu sò i nomi di quelli elementi di u schedariu html chì avemu descrizzione. Per esempiu, se avemu bisognu di spiccarificà un strumentu di paràgrafu, specificate e proprievuli è i so valori per a p {background: x; Color: y; Size: z}. In questu casu, tutti i paragrafi di a pàgina web possanu u listessu formatting (culore di fondo, testu, grandària, etc.).

Scelta di classa

E chì si avete bisognu di u vostru propiu stile differenti per altri per ogni paràgraf? Per questu, ci hè un selettore di classa.

U ducumentu CSS in questu casu cuntene a sesta entrada: p.first {color: x; Font-size: y}. Cusì, stabbilemu e proprietà «culore» è «dimensione» solu per u paràgrafu di a classa prima.

In u html-documentu in stu casu, intrudite l'attribuità di classu cù u nome di u stilu primu. A classe pò esse quantu parechje l'estensi chì vo vulete applicà à elementi di una pàgina web.

Selettore per id

Spessu, ci hè bisognu di definisce l'estilu ancu cun più precisa, per esempiu, à un elementu singulu di a pagina o à u so dispusitivu. In questa situazione, u selector numinariu hè venutu à u salvamentu. In u schedariu html, assicurame u nome à l'elementu desideratu, identificanu da l'altri. Per esempiu, l'elementu chì vulimu stabilisce diversu di l'altru stilu serà u titulu di l'articulu.

Allora in u ducumentu html assicura l'identificatore h1 à u capu, per esempiu articlename. È in u schedariu CSS, stabilisce u stile aghjuntu una cedette davanti à u nome di l'identificatore: #articlename {color: blue; Aline di textu: centru}. Avà u nostru mandatu duverà u culore di culore celeste è di u centru.

Ogni chjappu di i tipi di supra pò esse chjamatu «selettore CSS». Defini u formatting per un paràmetru particulari di un documentu html: una recopilazione d'elementi simili (per esempiu, tutti i paragrafi d'un articulu), una classa (per esempiu, solu u primu paràgrafu) o un elementu specificu (per esempiu, u titulu d'un articulu).

Attribute selector

In più di l'altitudine, ci sò CSS attribute selectors - una forma più cumplessa di appricà i stili. Vi permette di furmà elementi html da l'attributu scelta o u so valore. Ci hè parechje varietà di stu selettore:

• A presenza di un attributu;
• Per u so valuttu pricisu;
• Per attribute value parziale;
• Per u so significatu specificu.

Fighjendu nantu à detaglie chjappelle di queste varietà:

1. U primu casu. U furmulariu hè usatu s'ellu ci hè un attributu specificu in u codice html (pò esse p, div, header, etc.). Se si manca, allura hè utilizzatu un stile universale per tutti elementi. Per esempiu, per articuli chì anu un titulu (una stampa).
2. U secondu casu. U stilu tappighjera solu per quelli elementi html chì anu cunnessi esatti di i valori attributi. Per esempiu, à quelli elementi di ingranimentu chì u valore di u tipu attribuu hè uguali per sottumandà.
3. U terzu cajinu. U furmazione hè ristretta à articuli cun una parolla precisa in a lista di valori. Per esempiu, avà in l'attribu "class" di l'elementi div.
4. U quartu casu. U style hè specificatu solu per quelli elementi di u ducumentu html, per quale un attributu particulare hè un certu valore è cumincià cun ellu. Per esempiu, l'applicazione di u culore chjamatu à tutti l'elementi chì anu da l'attributi hè in inglese (questu pò es en, en-rus, en-au, etc.).

Cusì, cù un selezziunariu CSS particular, pudete sceglientà diliziu a pàgina web sana, è descriga i so elementi individuali.