Рефакторинг селекторов CSS - PullRequest
0 голосов
/ 30 июля 2009

У меня есть следующий код:

#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;
}
.....

Ответы [ 3 ]

4 голосов
/ 30 июля 2009

Группировка селекторов (,) групп завершена селекторы, а не частичные.

#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 { ... }
2 голосов
/ 30 июля 2009
#adminmenu li.hideshow-news,#adminmenu li.hideshow-users,#adminmenu li.hideshow-pages, li.hideshow-gallery,#adminmenu li.hideshow-references,#adminmenu li.hideshow-settings  {
display: none;
font-size: 11px;
background: #fff;
padding: 3px;}
0 голосов
/ 30 июля 2009

Вы должны использовать:

#adminmenu li.hideshow-news, #adminmenuli.hideshow-users, ETC...
{
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...