Я використовую панель інструментів розробника IE для аналізу DOM. Моє питання: коли ви перевіряєте певний елемент, нехай скажемо абзац, і в цьому абзаці є клас, який встановить його background-color
, але чомусь клас перекрито іншим класом чи будь-яким іншим, клас із цим конкретним правилом прокреслює. Як я можу дізнатися, який клас або батьківський елемент його переосмислює?
Приклад:
Як я можу дізнатися, хто це перекриває background-color
?
Відповіді:
2 для відповіді № 1Ви можете знайти його в Computed
-background-color
(потрібно розгорнути) в IE 11 Інструменти для розробників:
Або спробуйте пошукати його таким чином Chrome DevTools:
2 для відповіді № 2
Існує встановлений порядок того, що перевищує що. Це визначається рівнем Специфіка. Існує чотири рівні: елемент, клас, ідентифікатор та рядок (від найменшого пріоритету до найвищого пріоритету).
Там також є ! важливо правило, яке може витіснити природний порядок. Якщо є кілька "! Важливих", то останній буде перемогти.
Для отримання додаткової інформації: http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/