Как я могу стилизовать четные и нечетные элементы?

Можно ли использовать псевдоклассы CSS для выбора четных и нечетных экземпляров элементов списка?

Я ожидал, что следующее приведет к созданию списка чередующихся цветов, но вместо этого я получаю список синих элементов:

<html>
    <head>
        <style>
            li { color: blue }
            li:odd { color:green }
            li:even { color:red }
        </style>
    </head>
    <body>
        <ul>
            <li>ho</li>
            <li>ho</li>
            <li>ho</li>
            <li>ho</li>
            <li>ho</li>
        </ul>
    </body>
</html>
270
задан TylerH 22 October 2019 в 03:52
поделиться