Question

我是css的新手。这是我的HTML

<a href="#" class="clickme" id="noteaddbutton"> Add Note</a>

类“clickme”是jquery函数的一部分，id应该从其他链接的标准改变大小，但它不会使文本变小。

#noteaddbutton{
    font-size:13px;
}

a:link{
font-size:18px;
text-decoration:none;
}

a:hover{
    text-decoration:underline;
}

Answer 1

这对我有用。我正在使用FF8。你可以试试这个。

#noteaddbutton{
    font-size:13px !important;
}

Answer 2

我认为：链接优先于#noteaddbutton。尝试使用

a.clickme:link{ font-size: 13px;}

Answer 3

CSS从顶部开始向下读取（级联样式表）。您尝试设计的元素具有以下品质，

<a>标记
#noteaddbutton
.clickme

在您的CSS中，您正在设置所有<a>标记和#noteaddbutton样式，但<a>样式位于ID的样式之后。由于ID样式位于<a>样式之前，因此<a>样式优先。

你可以通过做两件事来解决这个问题......

1。）将ID样式放在<a>样式下面：

a:link{
font-size:18px;
text-decoration:none;
}

#noteaddbutton{
font-size:13px;
}

2。）将!important置于ID样式的font-size属性

#noteaddbutton{
font-size:13px !important;
}

你可以把＃2放在任何你喜欢的地方。

Answer 4

尝试使类!important允许它优先：

a:link{
  font-size:18px !important;
  text-decoration:none;
}

Answer 5

它适用于我，例如在这个小提琴中：http://jsfiddle.net/GFnK7/2/

第一个链接为13px，黄色背景为我（Fx9，WinXP）第二个链接有一个虚拟目标，您现在不应该访问它。我在lightgreen bg，18px上看到它，然后在点击紫罗兰色bg之后，当且仅当layout.css.visited_links_enabled中的about:config设置为真时。第三个链接与第二个链接相同。

伪类：链接适用于未访问的链接。值为＃for href，您很快就会访问此URL;）（点击任何href =“＃”链接后）

注意：具有id的选择器应该比仅具有伪类和元素（:link具有a）的另一个选择器更具体。根据{{3}}，这是（ 1 ，0,0）对（ 0 ，1,1）。

css类id冲突

5 个答案: