码迷,mamicode.com
首页 > Web开发 > 详细

css 属性选择器

时间:2016-05-03 12:14:10      阅读:547      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!