前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >属性选择符的优先级

属性选择符的优先级

作者头像
GhostZhang
发布2022-08-22 08:36:53
2800
发布2022-08-22 08:36:53
举报
文章被收录于专栏:CSS森林

属性选择符的优先级

Ghostzhang 发表于 2006-04-24 10:59

大家都知道样式定义存在优先级的问题,像“ID选择符”的优先级就比“样式选择符”要高等等。在写完《属性选择符的使用》和《CSS样式的优先级补遗2》后才发现,原来属性选择符的优先级是比较特殊的,看看下面的例子:

代码语言:javascript
复制
/*IE*/
div{float:left;color:Orange;} /* 特性值为:1 */
.left{color:Aqua;} /* 特性值为:10 */
div div.right{color:Fuchsia;} /* 特性值为:12 */

/*FF*/
div[title=left]{color:Blue;}
div[title=right]{color:Gray;}
代码语言:javascript
复制
<div>
  <div class="left" title="left">
    <dl>
     <dd>dd1</dd>
     <dd>dd2</dd>
     <dd>dd3</dd>
    </dl>
  </div>
  <div class="right" title="right">
    <dl>
      <dd>dd4</dd>
      <dd>dd5</dd>
      <dd>dd6</dd>
    </dl>
  </div>
</div>

在FF中可以看到,第一个层里的文字是蓝色的,而第二个层里的粉红色的。所以不难得出,属性选择符的特性值是在10到12之间,姑且写为11吧,以方便表示。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2006-04-24 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 属性选择符的优先级
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档