nth-child () и блочная цитата css

Question

nth-child () и блочная цитата css

0

У меня есть этот html-код

<blockquote>
    <cite>oioik wrote:</cite>

    <blockquote>
            <cite>oioik wrote:</cite>

            <blockquote>
                <cite>oioik wrote:</cite>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
            </blockquote>

            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
    </blockquote>

    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>

и у меня есть этот css

blockquote {
    font-size: 13px;
    background-color: blue;
    border: 0;
    padding-left: 50px;
}
blockquote:nth-child(even) {
    background-color: red;
}

Тогда в моем примере у меня должны быть цвета синего/красного/синего цвета, но у меня есть синий/красный/красный

Lolo 06 март 2014, в 11:53

Источник

0

это потому, что ваши цитаты вложены
slash197 06 март 2014, в 10:48
0

даже связано с положением по сравнению с братьями и сестрами
fcalderan 06 март 2014, в 10:50
0

вам нравится это jsfiddle.net/V59Cq/1
Rohit Azad 06 март 2014, в 10:53
0

Я знаю, что они вложенные, вот почему я хочу :)
Lolo 06 март 2014, в 14:43

Показать ещё 2 комментария

Теги:

html

css

css-selectors

1 ответ

Ещё вопросы

это потому, что ваши цитаты вложены
даже связано с положением по сравнению с братьями и сестрами
Я знаю, что они вложенные, вот почему я хочу :)

Drew Noakes · Accepted Answer · 2014-03-06T08-15-00.000Z

Существует разница между ребенком и потомком.

Так что если бы у вас было:

 <blockquote>1</blockquote>
 <blockquote>2</blockquote>
 <blockquote>3</blockquote>

Это все дети одного и того же родителя, пронумерованные как показано.

Вторая пара красная, потому что они оба являются вторым потомком их родителей (первый элемент <cite>).

В этом случае я не верю, что ванильный CSS достигнет того, что вы хотите сделать. Вам может потребоваться ввести имя класса, чтобы сделать это.