2014-02-10 2 views
1

у меня есть этот стиль в моем index.css:CSS, используя не получить все с рисунком

.sidebar-5 { 
    background-color: #EDEDED; 
    border: 1px solid #999999; 
    float: right; 
    height: 214px; 
    width: 498px; 
    border-radius:none !important; 
} 

и я могу использовать этот стиль, чтобы установить весь класс для sidebar и box-sml

[class^="sidebar"] , [class^="box-sml"] :not(#sidebar-5) { 
    border-radius: 7px 7px 7px 7px; 
} 

или

[class^="sidebar"] :not(#sidebar-5), [class^="box-sml"] { 
    border-radius: 7px 7px 7px 7px; 
} 

я хочу использовать not() для пропуска #sidebar-5 Ele и я не могу этого сделать. как решить эту проблему?

+0

Использование ': нет()' с селекторов потомков зачастую проблематично. См. Мой ответ [здесь] (http://stackoverflow.com/questions/20869061/is-the-css-not-selector-supposed-to-work-with-distant-descendants/20869102#20869102) и те, которые связаны с оттуда для некоторых объяснений. – BoltClock

ответ

0

Используйте это:

#sidebar-5{ 
     border-radius: 0px 0px 0px 0px !important; 
    } 

Или, если его класс:

.sidebar-5{ 
     border-radius: 0px 0px 0px 0px !important; 
    } 
+1

'! Important' не требуется. – BoltClock

Смежные вопросы