Selectors CSS. tippi di selectors

, ognunu di li quali vi tuccherà à rifà u culore specifichi. How to do it? selectors CSS Standard ùn sò prupizii di e balise, si quì i paràmetri di tutti i blocchi sùbitu. A suluzione hè sèmplice. Stabilisce i membri di classi. Per esempiu, a prima ricevutu francese div classi = 'rossu', secunnu - formula = 'bleu', terza - formula = 'virdi. Avà si pò esse sceltu cù tavule CSS.

A funetica hè a siguenti: indica un puntu ( "."), Siquuta di scriviri lu nomu di la classi. A gestioni di i primi unità, aduprà la custruzioni .red. Seconda - .blue and so on.

'Mpurtanti! Hè cunsigliatu à aduprà valori chi di l 'attribuilla classi. Hè cunsideratu forma tinti à aduprà inglesu (per esempiu, krasiviy-Blok) o cumminazzioni incerta di littri / numari (ojfh834871). In stu codice, vi sò fasciati pè ottene cunfusa, micca à sminticà i prublemi chì vi faccia à quelli chì vi pò impegnati in u prughjettu dopu à voi. U megliu ellu - à aduprà ogni mituduluggìa, cume etrusca.

Vantaghji - rilitivamenti àuti vene.

Tu me - l 'elementi parechje pò esse unu è lu stissu di classi, chi significa ca si sarà stampatu simultaneously. U prublema hè solving cù u mituduluggìa oltri a lascita di preprocessors. Esse sicuru pè ottene a to manu menu, acuna o di qualchi altra preprocessor, si simplificà assai lu travagghiu.

siʀypø, ID

About sta versione coders upinione è programmers sò ambiguu. CSS вообще не рекомендуют использовать ID, поскольку при неаккуратном применении они могут вызвать проблемы с наследованием. Certi Pantry CSS ùn preferimu l 'usu di ID, perchè a dumanda inaccurate ch'elli ponu causari prublemi cù una làscita. Tuttavia, tanti sperti sò attivamenti li acconcianu tutta a paginatura. You esaminà. # »), затем имя блока. A funetica hè a siguenti: u segnu mina ( "#"), tandu u nomu di u pacchettu. #red. Per esempiu, #red.

отличается от класса по нескольким параметрам. ID hè differente da u gruppu in parechje manere. ID. Prima, a pagina ùn pò esse dui listessi ID. Iddi sò attribuiti un nomu particulari. Dopu, un tali siʀypø, hà una priurità supiriuri. red и укажете в таблицах CSS красный цвет фона, а затем назначите ему же id blue и укажете синий цвет, блок станет синим. Stu significa ca si voi specificà una classi unità russu è li dumanda in tavule CSS rossu culore fondo, e poi di stabilisce a lu in u listessu id & blu e specificà u culore turchinu, l 'unità vi lingual turchinu.

Vantaghji - vi ponu cuntrullà u elementu spécifique, ignurannu stili di e balise è i classi.

ID и class. Tu me - facili ch'è persu in una grande numaru di ID è classi.

'Mpurtanti! ID вам, в общем-то, не нужны. Sè vo aduprate mituduluggìa etrusca (o di u so 'analugii), ID à voi, in generale, ùn hè bisognu. Sta tècnica implica l 'usu di paginatura classi unica chì assai più còmuda.

siʀypø, universale

{}. Funetica: segnu Starlets ( "*") and braces, vale à dì, {*} ...

Agriculture à stabilisce certi spicificu una volta tutti i elementi di a pagina. Quandu sta pò esse tandu interessante? box-sizing: border-box. Per esempiu, sè vo vulete à crià i pruprietà pagina scatula-sizing: fruntiera-scatula. div *{}. Ùn pò ièssiri usatu solu à gestisce tutte e cumpunenti di u ducumentu, ma dinù à cuntrullà tutti i zitelli di u pacchettu pricisatu, per esempiu, francese div * {}.

Vantaghji - pudete cuntrullà un grande numeru di muri à un tempu.

Cons - funziunalità sòffice micca abbastanza. In più, l 'usu di stu siʀypø,, in certi casi soldat falà u travagliu pagina.

da spicificu

Permettenu à cuntrullà u elementu cù una attribuilla specifichi. Per esempiu, avete un numeru di e balise messu cù una differente tipu attribuilla. Unu di elli - testu, u sicondu - codice, u terzu - numeru. Di sicuru, si pò crià ogni classi o ID, ma ùn hè micca sempre còmuda. selectors CSS di spicificu permettenu à specificà a li valuri di certi balise cun massima pricisioni. Per esempiu, like this:

entrée [ 'u testu' tipu =] {}

Stu siʀypø, hà da sceglie tutti spicificu cù u tippu di u testu messu.

U strumentu è arquantu sòffice, è pò esse usata incù ogni di i balise, a cui ci pò esse spicificu. Ma chì ùn hè tuttu! U spicifichi CSS hà a capacità di cuntrullà i elementi cun ancu di più altra!

Pensa chì a vostra pagina hà messu incù u placeholder attribuilla = "Rinsignate un nomu" è messu placeholder = "Rinsignate codice". Si pò dinù esse sceltu cù i siʀypø,! Per fà stu, utilizà i seguenti dati:

entrée [placeholder = "Rinsignate lu nomu"] {}, o messu [placeholder = "Inserisci la chjave"]

Pò dassi chì u travagliu di più sòffice cun spicificu. A Canzona di dì vi hannu un numeru di e balise cun spicificu listessu titulu (per esempiu, "Caspian" è "Caspian"). À sceglie dui, utilizà i seguenti cura:

[Titulu * = "Kaspiysk"]

CSS vi sceglie tutti i muri in u titulu di unni ci sunnu sìmmuli di "Caspian", vale à dì. E., È "Caspian" è "Caspian".

Tù dinù ponu sceglie e balise chi accumincianu cu Evangelista un certu caratteru:

[Titulu ^ = "caratteru vo vulete"] {}

o di li 'terminate:

[Titulu $ = "caratteru dritta"] {}.

Vantaghji - massima vene. Pudete sceglie un elementi pagina attuali senza messing cù i classi.

Tu me - usatu rilativamenti raramenti, solu in casi specifichi. Parechje Web cuncettori preferiscu a mituduluggìa, dipoi u principiu di classi puntu hè più faciuli cà a arrangé numerosi mènzuli piazza è segni "agguali". In più, sti selectors nun travaglià in versioni Explorer Internet 7 è sottu. Però, chì sò avà bisognu di i vechji Internet Explorer?

selectors pseudo-classi

C'è un elementu pseudo-statutu. Per esempiu ,: Piazza Dante - nzo chi succèri a parte di a pagina quandu vi Piazza Dante ,: visitatu - u lea visitatu. It includendu dinù elementi cume: prima-zitellu è: noms de-zitellu.

Stu tipu di siʀypø, hè primura usatu in mudellu mudernu, perchè grazi a lu vi pò fà una pagina "Live" senza l 'usu di JavaScript. Per esempiu, vi vogghiu fari sicuru ca quandu vi Piazza Dante nantu à u buttone cù i gruppi di btn u so culore cambiatu. Per fà quessa, avemu usari l 'cchìstu esempiu:

.btn: Piazza Dante {

fondo-culori: rossu;

}

Beauty pò renseigné in la pruprità di basi di u buttone, u duminiu passaggiu, per esempiu, 0.5s - in stu casu, u buttone sarà micca blush necessità è in una meza siconda.

Spiaggia - sò anchiamènti usatu di l ' "rinasciuta" di e pagine. Easy à aduprà.

Tu me - ch'elli ùn sò. Ghjè un strumentu parlà avanti. Tuttavia, Web cuncettori inexperienced pò ch'è persu in la bundanza di pseudo-bassa. U prublema hè solving studiu e pratiche.

pseudo-selectors

"Pseudo" - chisti sunnu li parti di a pagina chì ùn sò in HTML, ma iddi ancora si pò chiòviri. Ùn vi hà capisce? Hè più faciuli cà pari. Per esempiu, vi vogghiu fari la prima lettera in i String granni e russu, lassannu lu lucca testu picculu è neru. Di sicuru, ùn si pò traduce chi lettera in un nùmaru cù una certa classe, ma hè longu è Cavatrici. Hè assai fàciule à sceglie u web comma è aduprà Pseudo :: prima-lettera. Si dà a pussibilità à cuntrullà i simbianzi di a prima lettera.

Ci sò quasi un grande numeru di pseudo-elementi. li Musei in una sola articulu hè prubbàbbili a farimi onuri. Pudete truvà u infurmazione apprupriati in u vostru mutore di ricerca préférés.

Vantaghji - derà u sòffice a presentazione di l 'ochju di a pagina.

Tu me - nova à elli sò à spessu cunfusa. Parechje na silizzioni di stu tipu di travagghiu solu in certi navigatori.

à conchiudiri

Siʀypø, - un strumentu putente di u cuntrollu purtata documentu. Grazie à ellu, vi ponu selezziunà ogni spinta di a pagina (ci sò ancu sulu n parti). Stà sicuru, à amparà tutti i ozzione disponibile, o ancu falla falà. Stu hè particularmenti mpurtanti siddu voi creà e pagine cumplessu cù una cuncezzione muderna è mori di elementi interattivi.