класс css наследует заголовок

Question

Я читал сообщения о наследовании CSS, и мне все еще осталось немного.

Можно ли это сделать в css?

.cv3-envaleur h1 {
    background: none;
    font-size: 23px;
    line-height: 38px;
    color: #fff;
    margin: 0px 0 5px 0;
    padding: 10px 0px 5px 0px;
}

Я тоже пробовал это.

div.cv3-envaleur h1 {
    background: none;
    font-size: 23px;
    line-height: 38px;
    color: #fff;
    margin: 0px 0 5px 0;
    padding: 10px 0px 5px 0px;
}

Я пытаюсь придать некоторый стиль заголовку H1 внутри div, который называется .cv3-envaleur, но я не могузаставить его работать.

Пожалуйста, помогите

Answer 1

Когда вы говорите, что div "называется" cv3-envaleur, вы имеете в виду, что его атрибут ID является cv3-envaleur? Если это так, то вам нужно использовать селектор #, например:

div#cv3-envaleur h1{ 
... 
}

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

Answer 2

Оба из них являются действительными способами делать то, что вы после. Там должно быть что-то, что отменяет это. Вы можете проверить в Firebug, каковы текущие определения и что переопределяет. Вы также можете добавить флаг !important, чтобы применить стиль.

<div class="cv3-envaleur"><h1>Header</h1></div>

div.cv3-envaleur h1
{
    background: none !important;
    font-size: 23px;
    line-height: 38px;
    color: #fff;
    margin: 0px 0 5px 0;
    padding: 10px 0px 5px 0px;
}