如何在CSS中定位此HTML？

Question

我正试图设计香草论坛,我似乎无法想出选择这个类,<li class="Item Announcement"></li>以便我可以设计它.

我不知道为什么这么难.为什么这不起作用？

.Item Announcement {
background-color: #FFF;
{

Answer 1

尝试:

li.Item.Announcement {
    background-color: #FFF;
}

该列表项有两个类(Item和Announcement).因此,要使用CSS定位,您需要为每个类添加一个句点,然后删除空格.保留CSS选择器中的空格会将其应用于具有该类的后代元素.

快速jsFiddle示例.