1. 论坛系统升级为Xenforo，欢迎大家测试！
    Dismiss Notice

问一个 CSS 问题

Discussion in '前端开发' started by f, Oct 20, 2009.

  1. f

    f New Member

    Joined:
    Apr 8, 2006
    Messages:
    641
    Likes Received:
    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, Oct 20, 2009
  2. A君

    A君 Well-Known Member

    Joined:
    Aug 31, 2005
    Messages:
    19,987
    Likes Received:
    98
    blue
     
    #2 A君, Oct 20, 2009
  3. f

    f New Member

    Joined:
    Apr 8, 2006
    Messages:
    641
    Likes Received:
    0
    回答错误。

    :haha::haha:
     
    #3 f, Oct 20, 2009
  4. f

    f New Member

    Joined:
    Apr 8, 2006
    Messages:
    641
    Likes Received:
    0
    谁来给我讲解一下 CSS 的作用顺序呢？！
     
    #4 f, Oct 20, 2009
  5. bootini

    bootini Active Member

    Joined:
    Nov 1, 2008
    Messages:
    2,084
    Likes Received:
    1
    优先级 ？
     
    #5 bootini, Oct 20, 2009
  6. Kevin

    Kevin New Member

    Joined:
    Oct 23, 2005
    Messages:
    12,728
    Likes Received:
    55
    这个应该是红色吧，
    假如是：
    .entry a { color: red; }
    .links a { color: blue; }

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

    shangjay New Member

    Joined:
    Jan 13, 2006
    Messages:
    3,530
    Likes Received:
    15
    明显，红色。

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

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

    f New Member

    Joined:
    Apr 8, 2006
    Messages:
    641
    Likes Received:
    0
    我也是因为多次遇到这个，所以问问。

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

    qlq Active Member

    Joined:
    Apr 20, 2006
    Messages:
    2,658
    Likes Received:
    1
    红色的,

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

    bootini Active Member

    Joined:
    Nov 1, 2008
    Messages:
    2,084
    Likes Received:
    1
    就是优先级的原因应该。
     
    #10 bootini, Oct 20, 2009
  11. 老林

    老林 New Member

    Joined:
    Sep 6, 2005
    Messages:
    10,580
    Likes Received:
    36
    red
     
    #11 老林, Oct 20, 2009
  12. 疯子

    疯子 New Member

    Joined:
    Jan 1, 2006
    Messages:
    805
    Likes Received:
    5
    应该是 a.links { color: blue; }
     
    #12 疯子, Oct 20, 2009
  13. Kevin

    Kevin New Member

    Joined:
    Oct 23, 2005
    Messages:
    12,728
    Likes Received:
    55
    技术疯子..
     
    #13 Kevin, Oct 20, 2009
  14. f

    f New Member

    Joined:
    Apr 8, 2006
    Messages:
    641
    Likes Received:
    0
    其实，我就是希望有个比较官方的解释，或者可以参考的出处。

    或者说比较明确的作用顺序。
     
    #14 f, Oct 20, 2009
(You must log in or sign up to post here.)
Toggle Width
Language
English (US)