1. 论坛系统升级为Xenforo，欢迎大家测试！
    排除公告

问一个 CSS 问题

本帖由 f 于 2009-10-20 发布。版面名称：前端开发

  1. f

    f New Member

    注册:
    2006-04-08
    帖子:
    641
    赞:
    0
    文档结构如下：

    HTML:
    <div class="entry">
    <p>段落内容。<a href="http://fengyouyi.com" class="links">链接</a></p>
</div>
    样式表如下：

    HTML:
    .entry a { color: red; }
.links { color: blue; }
    大家觉得“链接”显示的是红色还是蓝色呢？

    :question:
     
    #1 f, 2009-10-20
  2. A君

    A君 Well-Known Member

    注册:
    2005-08-31
    帖子:
    19,987
    赞:
    98
    blue
     
    #2 A君, 2009-10-20
  3. f

    f New Member

    注册:
    2006-04-08
    帖子:
    641
    赞:
    0
    回答错误。

    :haha::haha:
     
    #3 f, 2009-10-20
  4. f

    f New Member

    注册:
    2006-04-08
    帖子:
    641
    赞:
    0
    谁来给我讲解一下 CSS 的作用顺序呢？！
     
    #4 f, 2009-10-20
  5. bootini

    bootini Active Member

    注册:
    2008-11-01
    帖子:
    2,084
    赞:
    1
    优先级 ？
     
    #5 bootini, 2009-10-20
  6. Kevin

    Kevin New Member

    注册:
    2005-10-23
    帖子:
    12,728
    赞:
    55
    这个应该是红色吧，
    假如是：
    .entry a { color: red; }
    .links a { color: blue; }

    估计就是蓝色了....只感觉，因为我不会技术。。。
     
    #6 Kevin, 2009-10-20
  7. shangjay

    shangjay New Member

    注册:
    2006-01-13
    帖子:
    3,530
    赞:
    15
    明显，红色。

    通过 .class a{color:} 定义颜色之后的 <a>，再通过 <a class="定义颜色">,就都没效果了。

    我这个有经验，不知道为什么。
     
    #7 shangjay, 2009-10-20
  8. f

    f New Member

    注册:
    2006-04-08
    帖子:
    641
    赞:
    0
    我也是因为多次遇到这个，所以问问。

    应该是优先级的问题。至于具体原理，还不太清楚。
     
    #8 f, 2009-10-20
  9. qlq

    qlq Active Member

    注册:
    2006-04-20
    帖子:
    2,658
    赞:
    1
    红色的,

    咱可是学过css基础的人...不要鄙视我
     
    #9 qlq, 2009-10-20
  10. bootini

    bootini Active Member

    注册:
    2008-11-01
    帖子:
    2,084
    赞:
    1
    就是优先级的原因应该。
     
    #10 bootini, 2009-10-20
  11. 老林

    老林 New Member

    注册:
    2005-09-06
    帖子:
    10,580
    赞:
    36
    red
     
    #11 老林, 2009-10-20
  12. 疯子

    疯子 New Member

    注册:
    2006-01-01
    帖子:
    805
    赞:
    5
    应该是 a.links { color: blue; }
     
    #12 疯子, 2009-10-20
  13. Kevin

    Kevin New Member

    注册:
    2005-10-23
    帖子:
    12,728
    赞:
    55
    技术疯子..
     
    #13 Kevin, 2009-10-20
  14. f

    f New Member

    注册:
    2006-04-08
    帖子:
    641
    赞:
    0
    其实，我就是希望有个比较官方的解释，或者可以参考的出处。

    或者说比较明确的作用顺序。
     
    #14 f, 2009-10-20
(您必须注册并登陆后发新主题。)
Toggle Width
语言
简体中文