1. ホーム
  2. css

CSS - idの中のクラスを選択する構文

2023-07-29 22:55:44

質問

クラス名を介してid内のタグを選択するためのセレクタ構文は何ですか? 例えば、内側の "li" を赤くするために、私は下記で何を選択する必要がありますか?

<html>
<head>
    <style type="text/css">
        #navigation li
        {
            color: green;
        }

        #navigation li .navigationLevel2
        {
            color: red;
        }
    </style>
</head>
<body>
    <ul id="navigation">
        <li>Level 1 item
            <ul class="navigationLevel2">
                <li>Level 2 item</li>
            </ul>
        </li>
    </ul>
</body>
</html>

どのように解決するのですか?

#navigation .navigationLevel2 li
{
    color: #f00;
}