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：悬停类影响内部分区

回答

相关问题