瀏覽器忽略了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選擇器？

回答

相關問題