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

.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-код и проверяю, что вы использовали одни и те же кавычки.