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


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

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

Войти через TM ID
Похожие вопросы
Spartan.by Минск
от 400 до 700 usd.
Alternativa Games Пермь
от 40 000 до 80 000 руб.
АМТ Екатеринбург
от 40 000 до 50 000 руб.
20 янв. 2019, в 22:33
30000 руб./за проект
20 янв. 2019, в 22:03
1000 руб./за проект