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

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>
3
Mohammad 20 Дек 2019 в 15:23

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

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

0
brae 20 Дек 2019 в 15:10