§ Защо е важно да знаем какво е CSS specificity

CSS specificity е механизъм, който се използва в CSS за определяне на това, кои от декларациите за стилове ще бъдат приложени към определен елемент. Той се използва за селектиране на конкретни свойства, които са най-специфични и ще бъдат приложени преди другите.

Например CSS specificity-то на селектора #foo .bar .moo > p е 121.

Изчислява се по следния начин:

• Първата цифра е 1, тъй като селекторът съдържа едно ID - #foo;
• Втората цифра е 2, тъй като селекторът съдържа два класа - .bar и .moo;
• Третата стойност е 1, тъй като селекторът съдържа един таг - > p.