Блог

Главная - Вопросы по программированию - Какой параметр для n-го дочернего элемента я должен использовать?

Какой параметр для n-го дочернего элемента я должен использовать?

#html #css #css-selectors

#HTML #css #css-селекторы

Вопрос:

Мне нужно получить 2,5,8 для настройки. Как я могу получить get 2,5,8 в n-м дочернем элементе?

   <div class="col">
           1<h3>aa</h3>
           2<p>bb</p>
           3<p>cc</p>
            
           4 <h3>aa</h3>
           5 <p>bb</p>
           6 <p>cc</p> 
          
           7 <h3>aa</h3>
           8 <p>bb</p>
           9 <p>cc</p>
  </div>

Ответ №1:

Вы можете использовать формулы с n-м дочерним элементом.

То, что вы хотите, это:

 .col p:nth-child(3n 2){}

Комментарии:

1. Вы правы, я, вероятно, был слишком поспешен. В любом случае, я это исправил

2. Нет проблем, вы это заслужили.

Ответ №2:

 .col  p:nth-child(3n 2) {
  color: red
} 
 <div class="col">
  <h3>aa</h3>
  <p>bb</p>
  <p>cc</p>
  <h3>aa</h3>
  <p>bb</p>
  <p>cc</p>
  <h3>aa</h3>
  <p>bb</p>
  <p>cc</p>
</div>

Комментарии:

1. Это работает! можете ли вы, пожалуйста, помочь мне разобраться в этом

2. @ChiieCruz w3schools.com/cssref/sel_nth-child.asp прочтите документацию и погуглите несколько примеров. Также Рубен был первым, но у него была опечатка, заполните свободно, чтобы принять его ответ