Yintoni umahluko phakathi kweklasi yomkhethi we-CSS kunye ne-id? id kunye nokusetyenziswa kweklasi kwiHTML

Yintoni umahluko phakathi kweklasi yomkhethi we-CSS kunye ne-id? id kunye nokusetyenziswa kweklasi kwiHTML

Chen Weiliangisenziwa ngokuseo, lungiselela indawo yesayithiWordPressumxholo.

Nangona ndifunde ulwazi olusisiseko lweHTML kunye neCSS ngaphambili, kodwa andizange ndilusebenzise ixeshana, ngakumbi ukusetyenziswa kwenxalenye yeCSS, kulula ukuyilibala.

Ke, rekhoda kwaye ushwankathele umahluko kunye nokusetyenziswa kwe-CSS yomkhethi we-id kunye neklasi apha:

• id ihambelana ne #div
• iklasi ihambelana .div

Umahluko phakathi kwe-id kunye neklasi

Inkcazo yesazisi

• id yithegi emiselweyo, esetyenziswa ukuchaza isimbo esikhulu kwiphepha lewebhu, elichazwa ngokohlobo lwe #div.
• Umzekelo: iikholamu ezahlulayo, ngaphezulu, umzimba, umzantsi, njl..
• Isetyenziselwa ukuchaza into ethile, enokuthi ivele kube kanye ngephepha kwaye ayinakubizwa ngokuphindaphindiweyo.

inkcazo yeklasi

• Udidi liqela lesimbo, elisetyenziselwa ukuchaza izimbo ezineenkcukacha kwiphepha lewebhu. Ichazwa ngokohlobo lwe .div kwaye inokuphinda-phindwa.
• Umzekelo: imenyu ethile, umgca wokubhaliweyo, njl..
• Kwiphepha elifanayo, lingabizwa ngokuphindaphindiweyo ngezinto ezininzi

Ngokuchaza i-css, ilawula ezinye iiplani ezinjengobubanzi, ubude, umbala ongasemva kunye nobukhulu bombhalo we div.

NgokubanziEzorhweboiwebhusayithi,ukwakha iwebhusayithiIphepha lewebhu le-html elenziwe yinkqubo kukuqonda uyilo lwephepha ngeCSS.

Yintoni umkhethi?

Inkcazo yesitayile ngasinye seCSS inamalungu ama-2:

选择器 {样式}

• Inxalenye ephambi kwe {} "ngumkhethi".
• "umkhethi" ubonisa "isimbo" sika- {} asebenza kuso.
• Oko kukuthi, leliphi icandelo lephepha lewebhu elisebenza kulo "style"?

ikhowudi umzekelo

Nantsi indlela yokukhetha kunye nesimbo sodidi = "ibar esecaleni":

.sidebar
{ 
background-color:black;
}

Nantsi indlela yokukhetha kunye nesimbo isiqalelo nge id="footer":

#footer
{ 
background-color:black;
}