让CSS类选择器覆盖CSS id选择器

Question

我试图让一个css类选择器覆盖一个id选择器...我不想这样做的原因是因为我试图创建一个jQuery网站设计，左边有框，当这些框单击，任何打开的框最小化，单击打开...框用id表示，例如第n个框id="box_n"，当打开一个框时，它被赋予类"selected"所以它可以被jQuery看作是在选择另一个框时需要最小化的框。但是，我希望所选框可滚动，因此"selected"类需要覆盖设置为"box_n"的{​​{1}} id滚动属性。有没有办法简单地这样做？这是我的css ......

scroll:hidden

并且jQuery在这里：

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

感谢您的帮助！

Answer 1

对您的规则使用!important。它会使它们覆盖其他任何东西。

.selected
{
    overflow: scroll !important;
}

Answer 2

尝试

.selected
{
overflow: scroll!important;
}

这将在.selected框中添加overflow参数的权重。