针对具有一个特定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 }