Utilizare: nth-of-type (n) Amb Tablees
Per fà e toli meglii fà di leghje, hè spessu uttenutu à stille fili cù culori di fondu alternanti. Unu di i modi più cumuni à i toli d'stile hè di definisce u culore di fondu di ogni altra fila. Questu hè spissu riferitu cum'è "raggi di zebra".
Pudete ottene questu hè affirmendu ogni altra fila cun una classa CSS è definisce l'estilu per questa class. Questu travagliu ma hè micca u modu megliu o più efficau di passà.
Quandu si adopra stu metudu, ogni volta duvete bisogna à edità quellu tavulu quì pudete avè editatu ogni fila in a tavula per assicurà chì ogni fila hè coherente cù i cambiamenti. Per esempiu, se inserisce una nova fila à a vostra tassa, ogni altra fila sussumessu deve necessa per avè a cambiola cambiaria.
CSS faciule faciliteghja i stile di toli cun zebra stripes. Ùn avete bisognu di aghjunghje alcunu attribragli HTML o CSS classi, pudete aduprà a: nth-of-type (n) CSS selector .
U: nth-of-type (n) selector hè un pseudo-classificatu strutturali in CSS chì vi permette l'elementi di stile nantu à i so rilazioni à i elementi parentali è di l'frà. Pudete aduprà per selezziunà unu o più elementi basati in u so urdinamentu. In altri palori, pò assicurà ogni elementu chì hè u zidellu di un tipu particulari di u so parent.
A lettera n pò esse una chjave (cum'è strana o ancu), un numeru, o una formula.
Per esempiu, per stilà ogni altru paràgrafale di tag cù un colore di fiori gialli, u vostru docu di CSS include:
p: nth-of-type (stanza) {
fondo: amarulu;
}
Start With Your HTML Table
Prima, create a tavula quandu avete normalment scrite in HTML. Ùn aghjunghjenu micca qualchi classi particulari à i fillei o culonnii.
In a vostra stenografia, aghjunghje l'CSS in seguitu:
tr: nth-of-type (stare) {
culore di culori: #ccc;
}
Questu avete stilu ogni altra fila cun un culore di fondu grisu accuminciare cù a prima fila.
Style Alternating Columns in u Sicuru Via
Pudete fà u listessu tipu di stile à e colonna in i vostri tuli. Per fà, pudete cambià a tr in a vostra classa CSS à td. Per esempiu:
td: nth-of-type (stanza) {
culore di culori: #ccc;
}
Utilizendu Fettuli in un selector nth-of-type (n)
A sintassi per una formula utilzata in u selettore hè u + b.
a hè un numeru chì rapprisenta u cicle o indice grandi.
n hè in veru l 'lettera "n" è rappresente u contru, chì astresa à 0.
+ hè un operatore, chì pò esse "-"
b hè un crescente è representa u valore offset; per esempiu, quanti filere sottu, u selettore principia aduprà u culore di fondu. Questu hè dumandatu se un operatore hè inclusu in a formula.
Per esempiu, se vulete stabilitu un culore di fondu per ogni 3 fila, a vostra formula seria 3n + 0. U vostru CSS pudete esse cusì:
tr: nth-of-type (3n + 0) {
fondo: slategray;
}
Egetti utili per u selettore nth-of-type-type
Sè avete sentutu un pocu addossu da l'aspettu di a formula di l'usu di u selector pseudo-class nth-of-type, pruvate: Site nessescu Pruvistu com un utile utilitate chì pò aiutà à definisce a sintaxis per ottene l'aspettu chì vulete. Aduprate u menù dispostu à selezziunà nth-of-type (pò ancu prucebà cù altre pseudo-classe quì, ancu, cum'è nth-child).