Jaka jest różnica między klasą selektora CSS a id? użycie identyfikatora i klasy w HTML

Jaka jest różnica między klasą selektora CSS a id? użycie identyfikatora i klasy w HTML

Chen Weiliangaktualnie wykonywanySEO, zoptymalizuj witrynęWordPresstemat.

Chociaż nauczyłem się już trochę podstawowej wiedzy o HTML i CSS, ale nie używałem go od jakiegoś czasu, zwłaszcza użycie części CSS, łatwo o tym zapomnieć.

Zapisz i podsumuj różnice i użycie identyfikatora i klasy selektora CSS tutaj:

• id odpowiada #div
• klasa odpowiada .div

Różnica między identyfikatorem a klasą

opis identyfikatora

• id to stały tag, który służy do zdefiniowania większego stylu na stronie internetowej, który jest zdefiniowany w postaci #div
• Na przykład: dzielenie kolumn, góra, treść, dół itp...
• Służy do definiowania określonego elementu, który może pojawić się tylko raz na stronie i nie może być wywoływany wielokrotnie.

opis klasy

• Klasa to grupa stylów, która służy do definiowania szczegółowych stylów na stronie WWW, jest zdefiniowana w postaci .div i może być powtarzana.
• Na przykład: określone menu, linia tekstu itp.
• Na tej samej stronie może być wielokrotnie wywoływany przez wiele elementów

Sam selektor div nie ma żadnych właściwości, definiując jego kod CSS, kontroluje niektóre układy, takie jak szerokość, wysokość, kolor tła i rozmiar tekstu div.

GenerałE-commercestronie internetowej,zbudować stronę internetowąStrona internetowa html generowana przez program ma realizować układ strony poprzez CSS.

Co to jest selektor?

Definicja każdego stylu CSS składa się z 2 części:

选择器 {样式}

• Część przed {} to "selektor".
• „Selektor” wskazuje „styl” {}, do którego działa.
• To znaczy, na którym elemencie strony internetowej działa ten „styl”?

przykład kodu

Oto jak wybrać i nadać styl elementowi class="sidebar":

.sidebar
{ 
background-color:black;
}

Oto jak wybrać i stylizować element za pomocą id="footer":

#footer
{ 
background-color:black;
}