@zeni1agent

Как указать тег не имеющего class(id) в css?

у меня есть вот такой код
<style>

body{
width: 100% ;
height:  100%  ;
}

.primer1 {
	background: rgb(107, 109, 107);
	width: 100%;
    height: 100% ;
}
.primer1  :nth-child(1) {
  background: rgb(255, 0, 111);
  width: 400px ;
    height: 200px ;
}
</style>


<body>

<div class='primer1'>
<div> <!--мне нужен только этот див--> <!--:nth-child(1) действует на него-->
<div><!--:nth-child(1) действует на него-->
<div><!--:nth-child(1) действует на него-->
<div></div><!--:nth-child(1) действует на него-->
</div>
</div>
<div></div><!--:nth-child(1) НЕ действует на него-->
</div>

<div><!--:nth-child(1) НЕ действует на него-->
<div><!--:nth-child(1) действует на него-->
<div><!--:nth-child(1) действует на него-->
</div>
</div>
</div>
</div>
</body>

Проблема в том что :nth-child(1) работает со всеми 1 дивами а мне нужен только одни первый див.
  • Вопрос задан
  • 73 просмотра
Решения вопроса 1
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
:nth-child(1) работает как надо, просто вы неверно его используете. С учетом однородности конструкций, вам нужно использовать селектор прямого наследования (.class > .class):


Для справки:
https://learn.javascript.ru/css-selectors
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
KickeRocK
@KickeRocK
FrontFinish
.primer1 div:first-child{
bla: bla-bla
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
22 нояб. 2024, в 12:53
25000 руб./за проект
22 нояб. 2024, в 12:20
10000 руб./за проект
22 нояб. 2024, в 11:53
3000 руб./за проект