Наследование CSS: как переопределить унаследованные значения - PullRequest
1 голос
/ 22 марта 2019

Я должен внести некоторые изменения в шаблон WordPress.Одним из них является изменение цвета фона элемента на прозрачный.У div-оболочки, к которому прикреплен фоновый цвет, имеется большое количество вложенных дочерних div-элементов, которые все наследуют этот цвет.

<div class="A">
    <div class="B">
        <div class="C">
            <div class="D">
                 ....


.A {
     background-color: #fff;
}

Я предполагал, что просто изменение цвета родителей приведет к тому, что дети унаследуют это изменение.Но, перезаписывая родительский цвет, дети по-прежнему наследуют исходный цвет.Поскольку эти вложения смехотворно глубоки, я не хочу менять их для всех без исключения.

Есть ли более элегантное решение для этого?

Редактировать: Чтобы было понятнее: это родитель.Как видите, атрибут background-color был переписан мной.

Parent overwritten

А это детская оболочка.Он по-прежнему наследует это значение, даже если оно было перезаписано

Child still inheriting

Заранее спасибо

1 Ответ

0 голосов
/ 22 марта 2019

Я понял это и подумал, что это может помочь другим.

Добавление звездочки к моему родительскому элементу добилось цели:

.A * {
background-color: transparent;
}

Таким образом, изменение родительского элемента также воспринимается вложенными дочерними элементами.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...