Как мне узнать, что меняет мои значения CSS?

Question

Я новичок (очень сильно), поэтому мой вопрос может быть глупым, но я не смог найти ответ.

Для таблицы контактов на веб-странице я установил высоту 30 пикселей, но когда я смотрю на нее в инструментах Google Developer, значение высоты вычеркивается. Я пытался выяснить, что является причиной моей ценности, но не повезло. Инструменты разработчика показывают, что значение переопределено, но не показывает где.

Итак, вопрос: как мне найти то, что переопределяет мои значения в CSS?

Answer 1

В Chrome ваши стили будут наследоваться от любых родительских стилей - либо в той же таблице стилей, либо, если она у вас есть, в других прикрепленных таблицах стилей.

Когда стиль наследует атрибуты либо от родительских элементов, либодругие классы, его предшественники будут перечислены в браузере стилей *, от ближайших стилей до самых отдаленных.Так, например, если у вас есть абзац, которому назначен класс, но этот абзац содержится в родительском div, который также имеет свои собственные стили, ваш браузер стилей покажет имя класса этого абзаца вверху (включая всеатрибуты класса), затем классы div и т. д. вверх по DOM.

Чтобы узнать, какой стиль переопределяет ваше значение высоты, прокручивайте браузер стилей вниз, пока не найдете атрибут высоты, который не пересекаетсяиз.Вы также увидите таблицу стилей (включая номер строки), которая содержит стиль, влияющий на внешний вид вашей страницы.

* Вы можете открыть браузер стилей, щелкнув правой кнопкой мыши на веб-странице и выбрав «Проверить элемент»".

Answer 2

Вы должны читать стили снизу вверх.

Вы должны найти свое правило CSS для таблицы в разделе стилей. Поднявшись с этого момента, вы сможете увидеть, какие модификации переопределяют ваше правило, и отобразить элемент, как показано в разделе «Стиль вычислений».

Если вы ничего не нашли, пожалуйста, обратите внимание на ваши встроенные стили.

Было бы легче объяснить, если бы я мог посмотреть пример кода ...

Answer 3

Применяемый стиль отображается вверху, а затем переопределенные отображаются перечеркнутыми при прокрутке вниз. Таким образом, переопределенное значение должно быть где-то выше того, которое было вычеркнуто.