Разное

102
10

Мне нужно изменить цвет для этого элемента

<div class="box download">
<div class="box-inner-block">
<a href="" target="_blank" rel="noopener">Plugin Windows</a>
</div>
</div>

Я вызываю из CSS с помощью:

.download.box-inner-block a {
color: white!important;
}

Но это не работает, почему? Мне нужен этот цвет только для элемента внутри .box-inner-block внутри .download.

спросил(а) 2021-01-19T11:37:16+03:00 9 месяцев, 1 неделя назад
1
Решение
129

Это то, что вы ищете, как понимаете в своем вопросе?

Если это так, вам нужно внимательно следить за тем, как вы отступаете и строите свой css.

Как вы можете видеть в моем фрагменте, я добавил пространство между: .download.box-inner-block a, чтобы сделать эту работу.

Вы также можете удалить !important из вас css, поскольку в этом случае он не будет полезен. Если вам это нужно, не забудьте добавить пробел белого white !important

.download {
background-color: black;
}

.download .box-inner-block a {
color: white;
}

<div class="box download">
<div class="box-inner-block">
<a href="" target="_blank" rel="noopener">Plugin Windows</a>
</div>
</div>

ответил(а) 2021-01-19T11:37:16+03:00 9 месяцев, 1 неделя назад
47

Вы используете неправильный селектор, так как .download.box-inner-block выбирает элементы, которые имеют как download, так и .download.box-inner-block box-inner-block.

<div class="download box-inner-block"/>

Чтобы нацелить вложенные элементы, оставьте пробел между двумя селекторами классов. Таким образом, правильный селектор в вашем случае:


.download .box-inner-block a {
color: white;
}

В этом случае вы тоже можете отказаться !important

ответил(а) 2021-01-19T11:37:16+03:00 9 месяцев, 1 неделя назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема