Я пытаюсь изменить границу целевого элемента-потомка безуспешно. Использование селектора потомков для следующего HTML не работает. Если у кого-то есть предложения по поводу того, что я могу делать неправильно, я был бы очень признателен
.parent .target {
border: solid red;
}
<div class="parent">
<div class="child">
<div class="grandchild">
<div class="target"></div>
<div class="great-grandchild"></div>
</div>
</div>
</div>
2 ответа
.parent .target {
border: 1px solid red;
}
Вам нужно установить высоту границы. также в вашем коде есть синтаксическая проблема, вы должны использовать " между именами классов, а не " .
.parent .target {
border: 1px solid red;
}
<div class="parent">
<div class="child">
<div class="grandchild">
<div class="target"></div>
<div class="great-grandchild"></div>
</div>
</div>
</div>
Я протестировал ваш CSS-потомок, и он работает нормально.
Ваш HTML-фрагмент, кажется, смешивает стили кавычек, которые не дают ничего отображаться, поэтому я просматриваю ваш HTML-код и проверяю, что вы использовали одни и те же кавычки.
Похожие вопросы
Новые вопросы
html
HTML (язык разметки гипертекста) - это язык разметки для создания веб-страниц и другой информации, отображаемой в веб-браузере. Вопросы, касающиеся HTML, должны включать минимальный воспроизводимый пример и некоторое представление о том, чего вы пытаетесь достичь. Этот тег редко используется отдельно и часто используется вместе с [CSS] и [javascript].