Селектор потомков CSS не обновляет элемент

Question

Я пытаюсь изменить границу целевого элемента-потомка безуспешно. Использование селектора потомков для следующего 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>

html css

2

mwdeatherage 20 Дек 2019 в 18:01

Answer 1

.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>

3

Mohammad 20 Дек 2019 в 15:23

Answer 2

Я протестировал ваш CSS-потомок, и он работает нормально.

Ваш HTML-фрагмент, кажется, смешивает стили кавычек, которые не дают ничего отображаться, поэтому я просматриваю ваш HTML-код и проверяю, что вы использовали одни и те же кавычки.

0

brae 20 Дек 2019 в 15:10

Селектор потомков CSS не обновляет элемент

2 ответа

Похожие вопросы

Новые вопросы

html