CSS：懸停類影響內部分區

.header-news-item { 
    height:35px; 
    width:250px; 
    font-size:11px; 
    border: 2px solid #ddeeee; 
    float:left; 
    margin:0px 10px; 
    padding:7px; 
    padding-top: 5px; 
    border-radius: 7px; 
    line-height:1.3; 
    background-color:#f9f9f9; 

} 

.header-news-item :hover { 
    border: 2px solid #aadddd; 
    background-color:#f9f9f9; 

}

我有一個顯示邊框的div元素。我想在懸停事件中更改此邊框的顏色。所以我有：懸停在CSS中定義的僞類。問題是，這個div的邊界沒有改變，而是內部div的邊界改變了。這是爲什麼？我怎麼修復它？CSS：懸停類影響內部分區

<div class="header-news-item"> 

    <div> title  </div> <- 
    <div> subtitle  </div> <- borders of these inner divs are changed 
    <div> read more... </div> <- 

</div>

來源

2014-12-07 Incredible

你有.header-news-item類選擇和:hover僞類選擇器之間的descendant combinator（）。去掉它。

來源

2014-12-07 15:02:48 Quentin

上帝，這是一個惡意的語法錯誤。雖然簡單的空格可以改變，我永遠不會有。謝謝 – Incredible 2014-12-07 15:08:55

的.header新聞項之間刪除空間：徘徊在你的CSS聲明，以便它讀取.header新聞項目：懸停的代替.header新聞項目：懸停。

來源

2014-12-07 15:07:45

CSS：懸停類影響內部分區

回答

相關問題