为什么这个css不删除文本装饰？

Question

我有一个有标题的帖子。我选择如此=＆gt;

<h4><strong><%= link_to post.title, post, :class => "post-title" 
%></strong></h4>

我想把它默认形式的文本装饰带走作为链接。所以我在帖子中有这个css =＆gt;

.post-title  {
text-decoration: none;
 }

我尝试过以各种不同的方式选择文字，但我不能让文字装饰消失......

html输出只是标准文字装饰的帖子标题（蓝色带下划线）

我检查了safari网络检查员，但我的规则都没有被覆盖。

Answer 1

当我给erb一个post-title的id并在我的css中做了以下选择它时，它工作了：

a#post-title {
    text-decoration: none;
 }

Answer 2

...试

a.post-title {text-decoration: none;}

选择器中CSS specificity不够。

将浏览器或重置样式表应用文本修饰来锚定元素，将 样式表应用于任何类似于＆＃39; post-title＆ ＃39 ;.目前主播风格获胜。

实施例

a {text-decoration: underline} //Browser CSS
.post-title {text-decoration: none} //Your CSS

这两个都适用于......

a.post-title