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

继续昨天的 CSS 问题

本帖由 f2009-10-21 发布。版面名称:前端开发

  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:
    div.entry a { color: red; }
    a.links { color: blue; }
    样式定义有点小变化,大家觉得“链接”显示的是红色还是蓝色呢?

    :question:
     
  2. bootini

    bootini Active Member

    注册:
    2008-11-01
    帖子:
    2,084
    赞:
    1
    蓝色?
     
  3. junp

    junp New Member

    注册:
    2005-11-06
    帖子:
    1,259
    赞:
    4
  4. f

    f New Member

    注册:
    2006-04-08
    帖子:
    641
    赞:
    0
    还被你找到了。

    我今天把官方文档这部分看完了,才看明白的。

    正打算自己写篇总结的。
     
  5. f

    f New Member

    注册:
    2006-04-08
    帖子:
    641
    赞:
    0
  6. f

    f New Member

    注册:
    2006-04-08
    帖子:
    641
    赞:
    0
    我整理了一下:http://fengyouyi.com/74

    junp 给的那文章,权重的计算方法不正确。选择符堆得越多,优先级越高的说法,也不正确。
     
  7. junp

    junp New Member

    注册:
    2005-11-06
    帖子:
    1,259
    赞:
    4
    a b c d
    0 0 1 2 div.entry a
    0 0 1 1 a.links
     
  8. f

    f New Member

    注册:
    2006-04-08
    帖子:
    641
    赞:
    0
    你看了我网站上给的那个例子吗?

    :)
     
  9. junp

    junp New Member

    注册:
    2005-11-06
    帖子:
    1,259
    赞:
    4
    看了。
    div.entry a { color: red; }
    p a.links { color: blue; }
    这样按计算应该一样的,然后按先后了。
     
  10. f

    f New Member

    注册:
    2006-04-08
    帖子:
    641
    赞:
    0
    我的意思是简单地理解为堆得多是不对的,而且那文中 10、100 的权重比的说法也很想当然。

    应该是按照对应位上的数字大小来比较的。

    然后就是定义的顺序了。
     
  11. junp

    junp New Member

    注册:
    2005-11-06
    帖子:
    1,259
    赞:
    4
    堆是我的理解,那篇文章估计也是看那篇CSS文档的笔记。
     
  12. f

    f New Member

    注册:
    2006-04-08
    帖子:
    641
    赞:
    0
    明白了。

    :lovely: