Ndeupi musiyano uripo pakati peCSS selector kirasi uye id? id uye kushandiswa kwekirasi muHTML

Ndeupi musiyano uripo pakati peCSS selector kirasi uye id? id uye kushandiswa kwekirasi muHTML

Chen Weiliangachangobva kuurayiwaSEO, kugadzirisa saiti yachoWordPressdingindira.

Kunyangwe ndakadzidza imwe yakakosha HTML neCSS ruzivo kare, asi ini handina kuishandisa kwechinguva, kunyanya iyo CSS chikamu chekushandisa, zviri nyore kukanganwa.

Saka, rekodha uye pfupikisa musiyano uye kushandiswa kweCSS selector id uye kirasi pano:

• id inoenderana ne#div
• kirasi inoenderana ne.div

Musiyano pakati id uye kirasi

id tsananguro

• id i tag yakamisikidzwa, inoshandiswa kutsanangura chimiro chakakura muwebhu peji, chinotsanangurwa muchimiro che #div.
• Semuenzaniso: kupatsanura makoramu, kumusoro, muviri, pasi, nezvimwe ...
• Inoshandiswa kutsanangura chimwe chinhu, chinogona kungoonekwa kamwe chete pa peji uye chisingagoni kudanwa kakawanda.

tsananguro yekirasi

• Kirasi iboka remaitiro, rinoshandiswa kutsanangudza masitaera ari papeji rewebhu. Rinotsanangurwa muchimiro che.div uye rinogona kudzokororwa.
• Semuenzaniso: imwe menyu, mutsara wezvinyorwa, nezvimwe ...
• Pa peji rimwe chete, inogona kudanwa kakawanda nezvinhu zvakawanda

Iyo div selector pachayo haina zvivakwa.Nekutsanangura css yayo, inodzora mamwe marongerwo akaita sehupamhi, urefu, ruvara rwemashure uye saizi yemavara e div.

GeneralE-commercewebhusaiti,kuvaka webhusaitiIyo html peji rewebhu rakagadzirwa nechirongwa nderokuziva marongerwo epeji kuburikidza neCSS.

Chii chinonzi selector?

Tsanangudzo yemhando yega yega yeCSS ine zvikamu zviviri:

选择器 {样式}

• Chikamu chiri pamberi pe {} ndicho "sarudzi".
• "Sarudzo" inoratidza "maitiro" e{} kwaanoita.
• Kureva kuti, ndeipi chikamu chewebhu peji chinoshanda "maitiro" aya?

kodhi muenzaniso

Heino maitiro ekusarudza nekuita kirasi = "sidebar" chinhu:

.sidebar
{ 
background-color:black;
}

Heano maitiro ekusarudza uye kutayera chinhu chine id = "footer":

#footer
{ 
background-color:black;
}