css - 最初の 2 を選択する方法CSS を使用する要素

Question

こんにちは、最初の要素に隣接する最初の 2 つの要素 (1、2) に CSS を適用したいと考えています<p>。

<div class="one">
    <ul>
        <p>
            <li>One</li>
            <li>Two</li>
        <p>
        <li>Four</li>
        <li>Five</li>
    </ul>
</div>

li4つの要素すべてに適用された後

.one ul p:nth-child(odd) ~ li {
    background: lightsteelblue;
}

Answer 1

これは IE8 と互換性があるはずです (CSS 2.1 セレクターのみを使用します)。

li:first-child, li:first-child+li {
    color: blue;
}