у меня есть вот такой код
<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 дивами а мне нужен только одни первый див.
Простой
