Kini iyato laarin CSS selector kilasi ati id? id ati lilo kilasi ni HTML

Kini iyato laarin CSS selector kilasi ati id? id ati lilo kilasi ni HTML

Chen Weilianglọwọlọwọ ipaniyanSEO, je ki awọn ojula káWordPressakori.

Botilẹjẹpe Mo ti kọ diẹ ninu awọn ipilẹ HTML ati imọ CSS tẹlẹ, ṣugbọn Emi ko ṣiṣẹ fun igba diẹ, paapaa lilo apakan CSS, o rọrun lati gbagbe.

Nitorinaa, ṣe igbasilẹ ati akopọ iyatọ ati lilo ti idanimọ CSS yiyan ati kilasi nibi:

• id ni ibamu si #div
• kilasi ni ibamu si .div

Iyatọ laarin id ati kilasi

id apejuwe

• id jẹ aami ti o wa titi, eyiti a lo lati ṣalaye aṣa ti o tobi julọ ni oju-iwe wẹẹbu, eyiti o jẹ asọye ni irisi #div
• Fun apẹẹrẹ: pipin awọn ọwọn, oke, ara, isalẹ, bbl
• Ti a lo lati setumo ipin kan pato, eyiti o le han ni ẹẹkan fun oju-iwe kan ati pe ko le pe ni leralera.

kilasi apejuwe

• Kilasi jẹ ẹgbẹ ara, eyiti a lo lati ṣe asọye awọn aza alaye ni oju-iwe wẹẹbu. O jẹ asọye ni irisi .div ati pe o le tun ṣe.
• Fun apẹẹrẹ: akojọ aṣayan kan pato, laini ọrọ, ati bẹbẹ lọ..
• Ni oju-iwe kanna, o le pe leralera nipasẹ awọn eroja pupọ

Div selector funrararẹ ko ni awọn ohun-ini.Nipa asọye css rẹ, o ṣakoso diẹ ninu awọn ipalemo bii iwọn, iga, awọ abẹlẹ ati iwọn ọrọ div.

GbogbogboE-iṣowoaaye ayelujara,kọ kan aaye ayelujaraOju-iwe wẹẹbu html ti ipilẹṣẹ nipasẹ eto naa ni lati mọ ipilẹ oju-iwe nipasẹ CSS.

Kini oluyan?

Itumọ ti ara CSS kọọkan ni awọn ẹya meji:

选择器 {样式}

• Apa ti o wa niwaju {} ni "oluyan".
• "oluyan" naa tọkasi "ara" ti {} eyiti o nṣe.
• Iyẹn ni, lori apakan wo ni oju-iwe wẹẹbu ti “ara” yii n ṣiṣẹ?

apẹẹrẹ koodu

Eyi ni bii o ṣe le yan ati ara kilasi kan = “apagbe ẹgbẹ”:

.sidebar
{ 
background-color:black;
}

Eyi ni bii o ṣe le yan ati ara eroja kan pẹlu id=" ẹlẹsẹ":

#footer
{ 
background-color:black;
}