Как изменить класс класса css для определенного элемента ID

Question

Я хочу изменить класс элемента для определенного родителя. Вот что у меня есть:

<form id="form2"> 
    <div class="blueform"> 
     <div class="formlegend"> 
     ... 
     </div> 
    </div> 
</form> 

Я хотел бы переопределить класс formlegend только для формы с идентификатором «form2». Я пробовал:

#form2.formlegend { 
    padding: 10px; 
} 

но не работает. Возможно ли это?

Answer 1

У вас не хватает «descendant combinator» (пробелы, как правило, только один пробел) между 2-селекторов:

#form2 .formlegend { 
    padding: 10px; 
} 

Без комбинатора-потомка ваш селектор будет соответствовать элементу с идентификатором form2и класс formlegend. Согласно разметке в вашем вопросе, вам нужно, чтобы он соответствовал элементу с классом formlegend, который является потомком элемента с идентификатором form2.

Answer 2

Да, но убедитесь, что ваш класс переопределение объявляет после класса ORIGINALE в вашем CSS

Answer 3

Вы можете попробовать

#form2 .blueform .formlegend { } 

если does't работу, вы должны добавить дополнительный элемент с уникальным идентификатором (ID всегда должно быть уникальным). Два ID переопределение вызов один ID вызова, так что это будет выглядеть как

#override #form2 .formlegend { }