切換元素類配置

Question

我在如何配置切換類時遇到問題。

Here這個問題，我不能配置toogle類。所有東西都能正常工作，直到div被摺疊，但是當div被摺疊時，如果你將鼠標放在div上（.accordionhover-group），我得到了錯誤。文本不是白色的，但它仍然是紅色的粗體（這樣我看不到文本），圖標箭頭不是白色，因爲它應該是。我如何使我的文本白色大膽和圖標箭頭白色當我徘徊在div（.accordionhover-group）摺疊後？

Answer 1

爲了使您的文本加粗和白色這裏是CSS

.accordionhover-group:hover{ 
    color: #fff; 
    font-weight: bold;   
} 

而且懸停的箭頭，這裏是我建議你使用能達到預期效果的CSS。

.clicked .accordionhover-group i: hover { 
    background-position: -311px -99px; 
    background-image:url("http://tommywebdesigner.com/img/glyphicons-halflings-white.png"); 
    float: right; 
} 

.clicked .accordionhover-group:hover i { 
    background-position: -288px -93px; 
    background-image:url("http://tommywebdesigner.com/img/glyphicons-halflings-white.png"); 
    float:right; 
} 

.icon-arrow-down-white { 
    background-position: -311px -99px; 
    float :right; 
    margin-top: 5px; 
    background-image: url("http://tommywebdesigner.com/img/glyphicons-halflings-white.png"); 
} 

.icon-arrow-up-white { 
    background-position: -288px -93px; 
    float :right; 
    margin-top: 5px; 
    background-image: url("http://tommywebdesigner.com/img/glyphicons-halflings-white.png"); 
} 

也有沒有必要使用重要的風格。 這裏是一篇關於在css中使用重要文章的好文章 http://css-tricks.com/when-using-important-is-the-right-choice/