css - 重构 CSS 选择器

Question

我有以下代码:

#adminmenu li.hideshow-news, li.hideshow-users, li.hideshow-pages, li.hideshow-gallery, li.hideshow-references, li.hideshow-settings  {
display: none;
font-size: 11px;
background: #fff;
padding: 3px; }

我想在 div“adminmenu”中对

上的不同类仅使用一行(正如我在这里尝试的那样)。

如何重写这个？ 上面编写的代码仅适用于第一类#adminmenu li.hideshow-news，无论其他以下语句是否有效。

我真的需要做吗:

#adminmenu li.hideshow-news {
    display: none;
    font-size: 11px;
    background: #fff;
    padding: 3px;
}
#adminmenu li.hideshow-users {
    display: none;
    font-size: 11px;
    background: #fff;
    padding: 3px;
}
.....

Answer 1

分组选择器 (,) 对完整 选择器进行分组，而不是部分选择器。

#adminmenu li.hideshow-news, 
#adminmenu li.hideshow-users, 
#adminmenu li.hideshow-pages, 
#adminmenu li.hideshow-gallery, 
#adminmenu li.hideshow-references, 
#adminmenu li.hideshow-settings  { ... }

也就是说，直接说可能更容易:

#adminmenu li { ... }