CSS id ir klasės selektorių skirtumas

Klasės

Klasės selektorius yra patogus tada, kai turime keletą elementų, kuriems norime pritaikyti identiškas stiliaus taisykles. Tą pačią klasę galima priskirti ne tik keliems to pačio tipo elementams, bet ir kitiems elementams, kurie palaiko atributą class. Apie standartinius html atributus galite paskaityti HTML pamokose žinyno skiltyje, straipsnyje Standartiniai atributai

ID

Jei pridėsime tarkim elementui div kokį nors id, tokio pat id negalima pridėti jokiam kitam elementui, nesvarbu div ar ne. Kiekviena id reikšmė html dokumente turi būti unikali, todėl jei aprašome stiliaus taisykles per id selektorių, jas galėsime priskirti tik vienam elementui vieno krovimo metu.

Elementas su klase

Taip pat populiarus selektorius yra klasės susiaurinimas, pavyzdžiui css kodas:

1
2
3

div.klase {
  border:1px solid #333;
}

suteiks visiem div elementams su class atributo reikšme klase pilko atspalvio, 1pikselio storio rėmelį.

E - elementas

Internete ieškant informacijos apie css selektorius dažnai surasite tokių žymėjimų:

1
2
3

E {
  css-rule;
}

E reiškia elementą, pvz.: div, table, p, img ir kt.

Ši schema rodo galimybę suteikti norimas stiliaus taisykles kokios nors rūšies elementams, nesigilinant ar jie turi klasę/id ar ne. Pavyzdys:

1
2
3

div {
  border:1px solid #333;
}

Visi div elementai taps su rėmeliais 1 pikselio storio, pilkos spalvos. Visi selektoriai aprašyti straipsnyje CSS selektoriai