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

Question

我正在尝试获取一个 css 类选择器来覆盖一个 id 选择器...我不想这样做的原因是因为我正在尝试创建一个左侧有框的 jQuery 网站设计，当这些框被点击，任何打开的盒子最小化并且被点击的盒子被打开......这些盒子由一个id表示，例如第n个盒子id="box_n"，当一个盒子被打开时，它被赋予类"selected"所以它可以被看到由 jQuery 作为选择另一个框时需要最小化的框。但是我希望选定的框是可滚动的，因此"selected" 类需要覆盖设置为scroll:hidden 的"box_n" id 滚动属性。有没有办法简单地做到这一点？这是我拥有的 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 框上溢出参数的权重。