რატომ გადაეცემა CSS-ის სელექტორები ზედმეტად?

CSS-ში სელექტორები მემკვიდრეობით არ გადაეცემა. მემკვიდრეობა CSS-ში ეხება გარკვეული თვისებების გადაცემას ელემენტიდან მის შთამომავლებზე. სელექტორები არის ნიმუშები, რომლებიც ირჩევენ ელემენტებს სტილების გამოყენებისთვის.

მემკვიდრეობა შეიძლება ნიშნავდეს, რომ ერთ სელექტორით გამოყენებული სტილები შეიძლება გადახედოს (მემკვიდრეობით) სხვა სელექტორით გამოყენებულ სტილებს. ეს არ არის დაკავშირებული მემკვიდრეობასთან, არამედ CSS-ის კასკადის მექანიზმთან, რომელიც განსაზღვრავს, რომელი სტილები გამოიყენება ელემენტზე, როდესაც რამდენიმე CSS-ის წესები ადგენს ერთსა და იმავე თვისებისთვის მნიშვნელობას.

ფაქტორები, რომლებიც გავლენას ახდენენ კასკადსა და "გადაწერაზე":

1. სპეციფიკაცია (Specificity): მაღალი სპეციფიკაციის სელექტორები უფრო მძიმეა.
2. სწორადობა (Order): ერთნაირი სპეციფიკაციით, გამოიყენება ბოლო დადგენილი წესის მნიშვნელობა.
3. მნიშვნელოვნება (!important): !important-ით მონიშნული განცხადებები უმაღლეს პრიორიტეტს ფლობენ (გარდა User Agent-ის ინტეგრირებული სტილებისა, რომლებიც !important-ს არ იყენებენ).
4. სტილების წყარო (Origin): სტილები მოდის სხვადასხვა წყაროდან (ბრაუზერი, მომხმარებელი, ავტორი).

მაგალითი სპეციფიკაციის:

/* დაბალი სპეციფიკაცია */
p {
  color: blue;
}

/* მაღალი სპეციფიკაცია - შეცვლის ფერს */
.text-section p {
  color: red;
}