首页 > Web开发 > 详细

css 属性选择器

时间:2016-05-03 12:11:49      阅读:210      评论:0      收藏:0      [点我收藏+]

[attribute]    包含attribute属性 的所有文本

[attribute=value]  attribute属性值为value 的所有文本

[attribute~=value]   attribute属性值 包含 value 

[attribute|=value]   attribute属性值 头部包含 value

[attribute^=value]  匹配属性值以指定值开头的每个元素

[attribute$=value]   attribute属性值 以 value 结尾

[attribute*=value]   attribute属性值 中包含 value

 

[abc^="def"]:选择 abc 属性值以 "def" 开头的所有元素

[abc$="def"]:选择 abc 属性值以 "def" 结尾的所有元素

[abc*="def"] : 选择 abc 属性值中包含子串 "def" 的所有元素

h1 + p:相邻兄弟选择器使用了加号(+),即相邻兄弟结合符(Adjacent sibling combinator)。
例:<div>
    <h1></h1>
    <p></p>
  </div>
p > i : p标签下的所有i 标签
p > i:first-child 每个p标签的第一个i标签


css 属性选择器

原文:http://www.cnblogs.com/futao123/p/5454120.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!