Заголовок H1 в CSS

Question

Я не могу изменить размер и цвет заголовка h1 на моем сайте.

Я использовал внешний файл Css.

код, как показано ниже ..

h1 {
    Background-color : red;
    Color : green;
}

Answer 1

URL будет полезен.

Кроме того, правила CSS в нижнем регистре. (например, цвет фона, а не цвет фона)

Читайте о специфике CSS, в этом, вероятно, проблема: http://htmldog.com/guides/cssadvanced/specificity/

Answer 2

Это выглядит хорошо для меня.

У вас может быть проблема с H1, уже установленным где-то еще в таблице стилей.

Либо вы можете искать его, либо вносить изменения как важные, т. Е.

h1{
  background-color: #ff0000 !important;
  color: #00FF00 !important;
}

Надеюсь, это поможет

Answer 3

Попробуйте использовать Firebug или IE8 Developer Tools для проверки элемента и убедитесь, что у вас нет конфликтующих стилей из другой таблицы стилей или где-то еще в вашем HTML-документе.

Answer 4

Я уверен, что вы убедились, что внешняя таблица стилей загружена на ваш сайт, и вы правильно ссылаетесь на нее.

Answer 5

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

Answer 6

h1 {
    background: red !important;
    color: green !important;
}

Кроме того, в зависимости от того, как было написано оригинальное объявление h1, вы можете использовать специфичность и каскадное для перезаписи предыдущих значений.

Answer 7

Вы могли бы также рассмотреть возможность использования шестнадцатеричных кодов для цветов вместо «красного» и «зеленого» - я видел, что это вызывает странное поведение в некоторых браузерах (или полностью игнорируется).

Answer 8

Попробуйте установить «Важно» позади:

color: green !important;

Обратите внимание, что это применимо, только если есть другие стили, переопределяющие ваш внешний CSS. Вы должны проверить, что ваш внешний CSS-файл читается вообще. Вы можете сделать это, например, создав новый абзац. Дайте ему идентификатор (id = "foo") и установите его в вашем css

color: green;

Если он не становится зеленым, вам следует проверить путь включения css.