重构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 {
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 { ... }