Как выделить элементы из всех элементов - PullRequest
Новая
       5

Как выделить элементы из всех элементов

0 голосов
/ 26 мая 2020

Структура HTML выглядит следующим образом. Не могли бы вы рассказать мне, как использовать CSS для выбора четных элементов всех элементов P? Спасибо! 

<section>
    <div class="item">
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
    </div>
    <div class="item">
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
    </div>
    <div class="item">
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
    </div>
    <div class="item">
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
    </div>
</section>

Ответы [ 2 ]

0 голосов
/ 26 мая 2020

вы просто можете использовать этот селектор: 

.item > p:nth-child(even) {
  /* some styles here */
}

.item > p:nth-child(odd) {
  /* some styles here */
}

это выберет все прямые дочерние элементы класса .item и применит к ним ваши стили odd или even, если вы хотите отклонить прямой выбор отношений, просто используйте .item p:nth-child(even) { ... }

0 голосов
/ 26 мая 2020

Установить весь фон P элемент 

p {
background-color:red;
}

Установить весь фон item класс 

.item{
background-color:red;
}

Установить фон с идентификатором, который unique. ID уникален. Это может установить только один элемент. 

#unique {
background-color:red;
}

Это ответ на ваш вопрос?

...