重构CSS选择器

重构CSS选择器,css,css-selectors,refactoring,Css,Css Selectors,Refactoring,我有以下代码: #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, 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;
    }
    .....
    
    你应使用:

    #adminmenu li.hideshow-news, #adminmenuli.hideshow-users, ETC...
    {
    }
    
    分组选择器(,)将完整选择器分组,而不是将部分选择器分组

    #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 { ... }
    
    #adminmenu li { ... }