Моя внешняя таблица стилей имеет тот же код, что и html-файл для объекта, но стиль не такой, как встроенный стиль?
Ладно, в этом нет смысла; Некоторое время назад я играл с тегом <h1> и добавил его в свою таблицу стилей. Затем я обнаружил, что у меня уже есть этот тег ниже в таблице стилей, но когда я удалил старый стиль, цвет заголовка снова стал черным, несмотря на копирование и вставку того же самого в двух местах.
Кроме того, код для стилизации объекта по-разному отображается в таблице стилей и во встроенном стиле, поскольку, когда я удаляю встроенный стиль, объект теряет границу, несмотря на то, что в таблице стилей имеется такая же граница. Как я могу это исправить? Я хочу перенести все свои стили в таблицу стилей.
Спасибо.
Ответы 1
Стили каскадные. Частично это означает, что если два стиля имеют одинаковую точную специфику, приоритет будет иметь тот, который идет вторым. Когда вы перемещаете стили из тега <style> в файл .css, вы также можете перемещаться туда, где он загружается в домене HTML, до или после другого конфликтующего CSS. Вам нужно либо загрузить файл .css в то же место, где находится тег <style>, либо, в идеале, настроить специфичность, чтобы порядок загрузки не был единственным фактором, определяющим, какие правила использовать.