浏览器忽略了CSS Selector？

Question

我有这个选择器代码：

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

外，所有内容都正常呈现

在Firebug或Chrome开发工具中查看时，border：属性根本不显示，而其他属性则显示。

如果我在Firebug或Chrome工具中手动输入相同的代码，则可以正常使用。

Live就在这里（这是右下角的“热门帖子”缩略图小部件）：Meanwhile, In America

任何人都知道为什么？

Answer 1

看着你的CSS似乎已经使用了

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

纯粹使用

border: 4px solid #353434;

应该工作

Answer 2

// Give the thumbs in the widget some style

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

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

中

---

作为tim.baker mentions，您必须使用border代替border-style。