Наличие селектора классов CSS переопределяет селектор идентификаторов CSS

Question

Я пытаюсь получить селектор класса css, чтобы переопределить селектор id ... причина, по которой я не хочу этого делать, заключается в том, что я пытаюсь создать дизайн сайта jQuery у которого есть поля слева, при щелчке по этим ячейкам любой открытый ящик сворачивается и один щелчок открывается ... Ящики обозначаются идентификатором, например, для n-го поля id="box_n", а при открытии окна ему присваивается класс "selected", так что jQuery можно увидеть как поле, которое необходимо свести к минимуму при выборе другого поля. Однако я хочу, чтобы выбранные поля были прокручиваемыми, и поэтому класс "selected" должен переопределить атрибут прокрутки id "box_n", который установлен в scroll:hidden. Есть ли способ сделать это просто? Вот CSS, что у меня есть ...

.selected 
{ 
overflow: scroll; 
} 

#box_1 
{ 
background-color:#000; 
position: absolute; 
opacity: 0.6; 
top: 0px; 
left: -100px; 
margin-right:auto; 
float: left; 
height: 65px; 
width: 135px; 
border-radius:4px; 
-moz-border-radius:4px; /* Firefox 3.6 and earlier */ 
overflow:hidden; 
} 

и JQuery здесь:

$("#box_3") 
    .animate({ 
     width: largeWidth, 
     left: 60, 
     top: 0, 
     borderRadius: 10, 
     MozborderRadius: 10 
    }, (60), "swing") 
    .animate({ 
     height: largeHeight 
    }, (60), "swing") 
    .animate({ 
     opacity: 1 
    }, (160)); 

$("#box_3").addClass("selected"); 
selected = 1; 

Спасибо за вашу помощь!

Answer 1

Используйте !important по вашим правилам. Это заставит их переопределить все остальное.

.selected 
{ 
    overflow: scroll !important; 
} 

Answer 2

Попробуйте

.selected 
{ 
overflow: scroll!important; 
} 

Это добавит веса параметра переполнения на .selected поле.