css类id冲突

css类id冲突,css,Css,我是css新手。这是我的html <a href="#" class="clickme" id="noteaddbutton"> Add Note</a> 我认为a:链接优先于#noteaddbutton。试用 a.clickme:link{ font-size: 13px;} 我认为a:链接优先于#noteaddbutton。试用 a.clickme:link{ font-size: 13px;} 尝试创建类!重要信息允许其优先: a:link{ font-s

我是css新手。这是我的html

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

我认为a:链接优先于#noteaddbutton。试用

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

我认为a:链接优先于#noteaddbutton。试用

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

尝试创建类
!重要信息
允许其优先:

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

尝试创建类
!重要信息
允许其优先:

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

它对我有用。我用的是FF8。你可以试试这个

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

它对我有用。我用的是FF8。你可以试试这个

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

CSS从顶部开始读取,然后向下读取(层叠样式表)。您尝试设置样式的元素具有以下特性:

  • 标签
  • #noteaddbutton
  • 。单击我
  • 在css中,您正在设置所有
    标记和
    #noteaddbutton
    的样式,但是
    样式仅在ID之后。由于ID样式在
    样式之前,因此
    样式优先

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

    1.)将ID样式放在
    样式下面:

    a:link{
    font-size:18px;
    text-decoration:none;
    }
    
    #noteaddbutton{
    font-size:13px;
    }
    
    2)放入
    !重要信息
    在ID样式的
    字体大小
    属性之后

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

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

    CSS是从顶部开始往下读的(层叠样式表)。您尝试设置样式的元素具有以下特性:

  • 标签
  • #noteaddbutton
  • 。单击我
  • 在css中,您正在设置所有
    标记和
    #noteaddbutton
    的样式,但是
    样式仅在ID之后。由于ID样式在
    样式之前,因此
    样式优先

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

    1.)将ID样式放在
    样式下面:

    a:link{
    font-size:18px;
    text-decoration:none;
    }
    
    #noteaddbutton{
    font-size:13px;
    }
    
    2)放入
    !重要信息
    在ID样式的
    字体大小
    属性之后

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

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

    这把小提琴对我很有用,举个例子:

    第一个链接是13px,对我来说是黄色背景(Fx9,WinXP)。
    第二个链接有一个你现在不应该访问的虚拟目的地。我在浅绿色背景18px上看到它,然后在点击紫色背景后,当且仅当
    layout.css.visitored\u links\u enabled
    about:config
    中设置为true时,
    第三个链接与第二个链接相同

    伪类:link适用于未访问的链接。值为#for href,您很快就会访问此URL;)(单击任意href=“#”链接一次后)


    注意:具有
    id
    的选择器应该比仅具有伪类和元素的选择器更具体(
    :link
    with
    a
    )。这是(1,0,0)与(0,1,1)的对比。

    这对我很有用,举个例子:

    第一个链接是13px,对我来说是黄色背景(Fx9,WinXP)。
    第二个链接有一个你现在不应该访问的虚拟目的地。我在浅绿色背景18px上看到它,然后在点击紫色背景后,当且仅当
    layout.css.visitored\u links\u enabled
    about:config
    中设置为true时,
    第三个链接与第二个链接相同

    伪类:link适用于未访问的链接。值为#for href,您很快就会访问此URL;)(单击任意href=“#”链接一次后)


    注意:具有
    id
    的选择器应该比仅具有伪类和元素的选择器更具体(
    :link
    with
    a
    )。这是(1,0,0)与(0,1,1)的对比。

    一个
    #id
    选择器在任何选择器IIRC中具有最大的特异性。这应该可以。您使用的浏览器是什么?在Chrome16中,文本对我来说是13px大。类不应该优先,因为@alexsaid@Charlie你知道其中哪一个会这样做吗?@Charlie我从来没有在IE中看到过这个问题。
    #id
    选择器在任何选择器IIRC中都具有最大的特异性。这应该可以。您使用的浏览器是什么?在Chrome16中,文本对我来说是13px大。类不应该优先,因为@alexsaid@Charlie你知道其中哪一个会这样做吗?@Charlie我从来没有在IE中看到过这个问题。它不应该与OP发布的CSS有关。它不应该与OP发布的CSS有关。虽然它是自上而下阅读的,这并不一定意味着规则是按这个顺序应用的。选择器的特殊性很重要。你是说ID优先于类吗?虽然它是从上到下读取的,但这并不一定意味着规则是按那个顺序应用的。选择器的特殊性很重要。你是说ID优先于类吗?