Apa bedane antarane kelas pamilih CSS lan id? id lan panggunaan kelas ing HTML

Apa bedane antarane kelas pamilih CSS lan id? id lan panggunaan kelas ing HTML

Chen Weiliangbubar kaleksananSEO, kanggo ngoptimalake situsWordPresstema

Senajan aku wis sinau sawetara kawruh dhasar HTML lan CSS sadurunge, nanging aku ora operate kanggo sawetara wektu, utamané panggunaan bagean CSS, iku gampang kanggo lali.

Dadi, rekam lan ringkesan bedane lan panggunaan id pemilih CSS lan kelas ing kene:

• id cocog karo #div
• kelas cocog karo .div

Bedane antarane id lan kelas

katrangan id

• id minangka tag tetep, sing digunakake kanggo nemtokake gaya sing luwih gedhe ing kaca web, sing ditetepake ing wangun #div
• Contone: mbagi kolom, ndhuwur, awak, ngisor, lsp...
• Iki digunakake kanggo nemtokake unsur tartamtu, sing mung bisa katon sapisan saben kaca lan ora bisa diarani bola-bali.

katrangan kelas

• Kelas minangka klompok gaya, sing digunakake kanggo nemtokake gaya rinci ing kaca web, ditetepake ing wangun .div lan bisa diulang.
• Contone: menu tartamtu, baris teks, lsp...
• Ing kaca sing padha, bisa diarani bola-bali kanthi pirang-pirang unsur

Pemilih div dhewe ora duwe properti. Kanthi nemtokake css, iki ngontrol sawetara tata letak kayata jembar, dhuwur, werna latar mburi lan ukuran teks div.

UmumE-commercesitus web,mbangun situs webKaca web html sing diasilake dening program kasebut yaiku kanggo nyadari tata letak kaca liwat CSS.

Apa iku pamilih?

Definisi saben gaya CSS dumadi saka 2 bagean:

选择器 {样式}

• Bagean sadurunge {} yaiku "selektor".
• "Selektor" nuduhake "gaya" {} sing ditindakake.
• Yaiku, ing unsur kaca web apa "gaya" iki bisa digunakake?

conto kode

Mangkene carane milih lan gaya elemen class="sidebar":

.sidebar
{ 
background-color:black;
}

Mangkene carane milih lan gaya unsur nganggo id="footer":

#footer
{ 
background-color:black;
}