Junior

CSS-ში კლასებსა და ID-ებს შორის რა განსხვავებები გაქვს?

sobes.tech AI

პასუხი AI-სგან

საერთო უნიკალურობა: ID უნიკალურია გვერდზე, კლასი შეიძლება იყოს რამდენიმე ელემენტზე.
სპეციფიკობის პრიორიტეტი: ID აქვს უფრო მაღალი სპეციფიკობის პრიორიტეტი (100) შედარებით კლასთან (10).
სელექტორები: ID სელექტორი აღნიშნულია #-ით, კლასის სელექტორი - .-ით.
გამოყენება: ID ჩვეულებრივ გამოიყენება ინდივიდუალური, უნიკალური ელემენტების სტილიზაციისთვის (მაგ., სათაური, ქვედა ზოლი), კლასები გამოიყენება ჯგუფების სტილიზაციისთვის, რომლებიც აქვთ საერთო თვისებები (მაგ., სხვადასხვა ფერის ღილაკები).

/* ID-ის მიხედვით სტილიზაცია - გამოიყენება მხოლოდ ერთ ელემენტზე */
#header {
  background-color: blue;
}

/* კლასის მიხედვით სტილიზაცია - გამოიყენება რამდენიმე ელემენტზე */
.button-primary {
  color: white;
  background-color: green;
}

მახასიათებელი	კლასი	ID
უნიკალურობა	არ არის უნიკალური	უნიკალური
პრიორიტეტი	10	100
სინტაქსი	`.კლასის-სახელი`	`#ID-სახელი`
გამოყენება	ჯგუფები ელემენტების	უნიკალური ელემენტები

წინა შემდეგი