HTML елемент може да бъде обект на няколко правила, CSS. Нека да се използва прост точка като пример:

Можем да променим този параграф просто използването на маркера име:

Или можете да използвате името на класа:

Или можете да използвате идентификатор:

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

В нашия пример параграфа ще бъде червено. защото идентификаторът е по-конкретна и по този начин по-важно. в сравнение с другите селектори.

Редът на правилата на CSS

Ако вашите CSS селектори са едни и същи, тогава последният ще има предимство.

Изчисление 100

Има бърз начин да разберете как обикновено CSS «силна», чрез изчисляване на спецификата на селектори:

Селекторът с най-висока "оценка" ще надделее, независимо от реда, в който се появяват правила CSS.

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

съобщение ще се фокусира върху всеки HTML-елементи с клас атрибут = "послание", а оттам и по-малко специфични. Същото се отнася за р . което може да бъде за всяка точка.

Как да се избегнат конфликти

Докато пишете CSS може лесно да бъде противоречиви правила. където един и същ имот се използва повече от веднъж.

За да се избегне това:

• Използвайте само класове. Използвайте .introduction вместо #Introduction. дори ако опцията се изведе на уеб страницата си само веднъж;
• Избягвайте използването на няколко групи, за един елемент HTML: Не пишете

  . и

  . че е семантично-описателно;

• Да не се използва вградени стилове. като
  .

Свързани статии

• Fedortsov Андрю - български и съветски актьори