css - 针对具有一个特定 ID 的类的问题

Question

能否请您告诉我如何使用仅具有特定 ID 的类来定位元素？

例如，在下面的代码中，我只需要更改也具有 foo ID 的类的大小。

<ul>
    <li class="sam">This is not Target</li>
    <li class="sam">This is not Target</li>
    <li class="sam" id="foo">This is The Target</li>
    <li class="sam">This is not Target</li>
    <li class="sam">This is not Target</li>
</ul>

我已经试过了

#foo .sam {color:green}

但是没有用。我知道在 css 中可以简单地以 id 元素为目标，但在这种情况下，我必须仅为该特定元素更改类属性。

Answer 1

您需要删除空格:

#foo.sam { color: green }