CSSクラスセレクタがCSS idセレクタをオーバーライドする

Question

CSSセレクタを使ってidセレクタをオーバーライドしようとしています...これは私がjQueryウェブサイトのデザインを作成しようとしているためです左にボックスがあり、これらのボックスがクリックされると、開いているボックスはすべて最小化され、クリックされたものは開きます...ボックスは、n番目のボックスのようなIDで表されます。id="box_n"ボックスが開かれると、 "selected"だから、別のボックスが選択されたときに最小化する必要があるボックスとしてjQueryが見ることができます。しかし、私は選択されたボックスをスクロール可能にしたいので、"selected"クラスは、scroll:hiddenに設定された"box_n" id scroll属性をオーバーライドする必要があります。簡単にこれを行う方法はありますか？ここに私が持っている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ボックスのオーバーフローパラメータの重みに追加されます

.selected 
{ 
overflow: scroll!important; 
} 

を試してみてください。