有一個CSS類選擇器覆蓋CSS id選擇器

我想獲得一個css類選擇器來重寫id選擇器...我不想這樣做的原因是因爲我試圖創建一個jQuery網站設計在左側有框，當點擊這些框時，任何打開的框最小化，並且單擊打開框...框用第一個框id="box_n"的id表示，並且當打開框時它被給予類"selected"所以它可以被jQuery看作是當另一個框被選中時需要最小化的框。不過，我希望所選框可以滾動，因此"selected"類需要覆蓋設置爲scroll:hidden的"box_n"標識滾動屬性。有什麼方法可以簡單地做到這一點？這裏是CSS，我有...有一個CSS類選擇器覆蓋CSS id選擇器

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

感謝您的幫助！

來源

2012-01-20 simonthumper

根據您的規則使用!important。它會讓他們重寫其他任何東西。

.selected 
{ 
    overflow: scroll !important; 
}

來源

2012-01-20 15:26:50

阿哈新有一個簡單的修復！非常感謝你的幫助:) – simonthumper

嘗試

.selected 
{ 
overflow: scroll!important; 
}

這將增加溢出參數的權重上.selected箱。

來源

2012-01-20 15:28:10 Andri

我想你錯過了'！important'之前的空間，是不是？ –

有趣的是，我從來沒有把「！重要」之前的空間。一直爲我工作。到目前爲止，該空間是可選的還是讓瀏覽器對我寬容？ – Andri

值得一看在規格，我會檢查當我在我的電腦旁邊 –

有一個CSS類選擇器覆蓋CSS id選擇器

回答

相關問題