Cad é an difríocht idir rang roghnóir CSS agus id? id agus úsáid ranga i HTML

Cad é an difríocht idir rang roghnóir CSS agus id? id agus úsáid ranga i HTML

Chen WeiliangFaoi láthair forghníomhaitheachSinsearach, an láithreán gréasáin a bharrfheabhsúWordPresstéama.

Cé go bhfuil roinnt eolais bhunúsach HTML agus CSS foghlamtha agam roimhe seo, is furasta dearmad a dhéanamh murar úsáid mé é le tamall anuas, go háirithe úsáid CSS.

Mar sin, anseo déanaimid taifead agus achoimre ar na difríochtaí agus an úsáid a bhaineann le haitheantas agus rang roghnóir CSS:

• Freagraíonn id do #div
• aicme fhreagraíonn do .div

An difríocht idir id agus rang

cur síos id

• Is clib seasta é id, a úsáidtear chun stíleanna níos mó a shainiú ar leathanaigh ghréasáin, arna sainmhíniú i bhfoirm #div
• Mar shampla: colúin a roinnt, barr, corp, bun, etc...
• Úsáidtear é chun eilimint ar leith a shainiú, nach féidir le feiceáil ach uair amháin ar gach leathanach agus nach féidir glaoch a chur uirthi arís agus arís eile.

cur síos ar an rang

• Is grúpa stíle é Class, a úsáidtear chun stíleanna níos mionsonraithe a shainiú ar leathanaigh ghréasáin.Sainmhínítear é i bhfoirm .div agus is féidir le feiceáil arís agus arís eile.
• Mar shampla: roghchlár ar leith, líne téacs, etc...
• Ar an leathanach céanna, is féidir é a ghlaoch arís agus arís eile trí eilimintí iolracha.

Níl tréithe ag an roghnóir div féin. Trína CSS a shainiú, rialaíonn sé leithead, airde, dath cúlra, méid an téacs, srl.

GinearáltaRíomhthráchtáilsuíomh idirlín,láithreán gréasáin a thógáilCuireann an leathanach gréasáin html ginte ag an gclár leagan amach an leathanaigh i bhfeidhm trí CSS.

Cad is roghnóir ann?

Tá 2 chuid sa sainmhíniú ar gach stíl CSS:

选择器 {样式}

• Is é an "roghnóir" an chuid roimh {}.
• Léiríonn "roghnóir" an réad "stíl" de {}.
• I bhfocail eile, cén eilimint den leathanach gréasáin a mbíonn éifeacht ag an "stíl" seo uirthi?

Sampla cód

Seo conas an eilimint class="sidebar" a roghnú agus a stíliú:

.sidebar
{ 
background-color:black;
}

Seo a leanas an eilimint a roghnú agus a stíl le id="footer":

#footer
{ 
background-color:black;
}