CSS работает внутри, но не в таблице стилей

Question

У меня есть этот CSS:

width: 98px; height: 298px; border: 1px solid; margin: 30px 25px 0px 25px;

Это прекрасно работает в style="" встроенном стиле, но когда я использую его в таблице стилей, элемент полностью исчезает! Это какое-то безумное поведение прямо здесь ...

Кто-нибудь знает, как исправить / обойти эту проблему?

UPDATE

Если я удаляю код #advert из таблицы стилей полностью и помещаю CSS в строку, но оставляю id="advert" там, где он находится в div, он все равно не отображается. ОДНАКО, если я уберу бит id="advert, тогда div будет отображаться нормально ... странно.

Answer 1

Вполне вероятно, что в вашей таблице стилей есть каскад, который каким-то образом "скрывает" рассматриваемый элемент, и ваши встроенные стили переопределяют это, поэтому элемент видим.Однако при перемещении правил в таблицу стилей они больше не переопределяются, поскольку используемый вами селектор имеет более низкий приоритет, чем тот, который «скрывает» элемент.

Вы можете использовать такой инструмент, как FireBug илипанель инструментов веб-разработчика для Firefox для проверки, элемента и просмотра всего CSS, который на что-то влияет.Бьюсь об заклад, вы увидите что-то дополнительное, чего вы не ожидаете!

Answer 2

Прошло много времени с тех пор, как я задавал этот вопрос, однако я помню, что это было вызвано тем, что я использовал Adblock plus - он блокировал <div>, потому что у него был идентификатор advert - очень простой надзор.

С тех пор я всегда разрабатывал с отключенным ABP, и вы должны убедиться, что любые плагины, которые вы можете использовать, не блокируют / не изменяют ваш HTML так, как вы этого не хотите.