Naon bédana antara kelas pamilih CSS sareng id? id sareng panggunaan kelas dina HTML

Naon bédana antara kelas pamilih CSS sareng id? id sareng panggunaan kelas dina HTML

Chen Weiliangayeuna executingSEO, ngaoptimalkeun situs urangWordPresstéma.

Sanajan kuring geus diajar sababaraha HTML dasar sarta pangaweruh CSS saméméhna, tapi kuring teu dioperasikeun pikeun sawatara waktu, utamana pamakéan bagian CSS, éta gampang poho.

Janten, catetan sareng nyimpulkeun bédana sareng panggunaan CSS pamilih id sareng kelas di dieu:

• id pakait sareng #div
• kelas pakait jeung .div

Beda antara id jeung kelas

katerangan id

• id mangrupikeun tag tetep, anu dianggo pikeun nangtukeun gaya anu langkung ageung dina halaman wéb, anu didefinisikeun dina bentuk #div
• Contona: ngabagi kolom, luhur, awak, handap, jsb ...
• Dipaké pikeun nangtukeun unsur husus, nu ngan bisa muncul sakali per kaca sarta teu bisa disebut sababaraha kali.

pedaran kelas

• Kelas mangrupikeun grup gaya, anu dianggo pikeun nangtukeun gaya lengkep dina halaman wéb. Didefinisikeun dina bentuk .div sareng tiasa diulang.
• Contona: menu husus, baris téks, jsb...
• Dina kaca anu sarua, éta bisa disebut sababaraha kali ku sababaraha elemen

Pamilih div sorangan henteu gaduh sipat. Ku netepkeun css na, éta ngatur sababaraha tata letak sapertos lebar, jangkungna, warna latar sareng ukuran téks div.

UmumE-commercesitus web,ngawangun ramatloka aKaca wéb html anu dihasilkeun ku program nyaéta pikeun ngawujudkeun perenah halaman ngalangkungan CSS.

Naon ari pamilih?

Definisi unggal gaya CSS diwangun ku 2 bagian:

选择器 {样式}

• Bagian sateuacan {} nyaéta "selektor".
• "Selektor" nuduhkeun "gaya" {} anu dianggo.
• Nyaeta, dina unsur kaca web ieu "gaya" jalan?

conto kode

Ieu kumaha carana milih sareng gaya unsur class="sidebar":

.sidebar
{ 
background-color:black;
}

Ieu kumaha carana milih sareng gaya unsur nganggo id = "footer":

#footer
{ 
background-color:black;
}