BinaryDevelop
  1. ホーム
  2. html

[解決済み] 偶数要素と奇数要素にスタイルを設定するには？

2022-03-17 10:49:55

質問

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>

解決方法は？

デモ http://jsfiddle.net/thirtydot/K3TuN/1323/ 

li {
    color: black;
}
li:nth-child(odd) {
    color: #777;
}
li:nth-child(even) {
    color: blue;
}

<ul>
    <li>ho</li>
    <li>ho</li>
    <li>ho</li>
    <li>ho</li>
    <li>ho</li>
</ul>

ドキュメンテーション

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します