浏览器忽略了CSS选择器？

我有了这个选择代码：浏览器忽略了CSS选择器？

#ajax_hits_counter_popular_posts_widget-2.widget li img { 
// Give the thumbs in the widget some style 
border-radius: 5px; 
margin-right: 10px; 
border: 4px solid #353434 !important; 
}

一切都正确渲染除了border: 4px solid #353434 !important;

当在任萤火或Chrome开发者工具查看，边框：财产甚至没有出现在所有，而其他人都这样做。

如果我手动输入相同的确切代码到Firebug或Chrome工具，它工作正常。

Live是在这里（这是在底部的“置顶帖子”缩略图窗口小部件右）：Meanwhile, In America

任何人都知道为什么吗？

来源

2013-12-19 J. Scott Elblein

没有看到相关的HTML，没有人可以说你的选择器是否正确。 –

这就是为什么我包含实时链接。 –

// Give the thumbs in the widget some style

是CSS无效。浏览器似乎忽略了以下属性，您可以在this example中看到。如果您删除“评论”it works as expected。（在您的页面上，border声明直接跟在“评论”之后，与此处发布的CSS不同）

CSS中的注释必须包含在/* ... */之内。

由于tim.baker mentions，你必须使用border而不是border-style。

来源

2013-12-19 18:25:04

啊哈哈！我从来不知道！那是做的，感谢mil @Felix Kling。 –

看你的CSS它的接缝，仿佛你已经使用

border-style: 4px solid #353434 !important;

使用纯

border: 4px solid #353434;

应工作

来源

2013-12-19 18:23:46

+1击败我一秒xd – DaniP

因此我认为是非常有竞争力的:) –

奇怪的是，如果我删除'！important'，那么border-radius属性现在被忽略了？大声笑 –

浏览器忽略了CSS选择器？

回答

相关问题