CSS查询器的列表式语法

下面列出来的是支持的CSS查询器的列表式语法:

* 任何元素
E 类型为E的元素
E:root 类型为E,并且是文档的根元素
E:nth-child(n) 是其父元素的第n个类型为E的子元素
E:first-child 是其父元素的第1个类型为E的子元素
E:last-child   是其父元素的最后一个类型为E的子元素
E:only-child   且是其父元素的唯一一个类型为E的子元素
E:empty 没有子元素(包括text节点)的类型为E的元素
E:enabled
E:disabled 类型为E,允许或被禁止的用户界面元素
E:checked 类型为E,处于选中状态的用户界面元素(例如单选按钮或复选框)
E.warning 类型为E,且class属性值为warning
E#myid 类型为E,ID为 "myid"。(至多匹配一个元素)
E:not(s) 类型为E,不匹配选择器s
E F 在类型E后面的类型为F的元素
E > F 为E元素子元素的F元素
E + F E后面的第一个F元素  E和F 是兄弟元素
E ~ F E后面的所有F元素    E和F 是兄弟元素


所有的属性选择器都被写成和XPath极其相似(因为所有的属性都以@符号开始)。

E[@foo] 拥有foo属性的E元素
E[@foo=bar] foo属性的值为bar的E元素
E[@foo^=bar] foo属性的值以字符串"bar"开始的E元素
E[@foo$=bar] foo属性的值以字符串"bar"结尾的E元素
E[@foo*=bar] foo属性的值包含有字符串"bar"结尾的E元素 


参考资料:http://www.w3.org/TR/CSS21/selector.html#pattern-matching

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值