参考手册选择符.pdf

参考手册选择符.pdf

ID:57136688

大小:1.13 MB

页数:17页

时间:2020-08-03

参考手册选择符.pdf_第1页
参考手册选择符.pdf_第2页
参考手册选择符.pdf_第3页
参考手册选择符.pdf_第4页
参考手册选择符.pdf_第5页
资源描述:

《参考手册选择符.pdf》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、一、关系选择符1.1包含选择符(EF)选择所有被E元素包含的F元素。与子选择符不同的是,包含选择符将会命中所有符合条件的后代,包括儿子,孙子,孙子的孙子...EFVS.E>F:

0
1
2
3
此例,如果

2、使用.demodiv,那么0,1,2,3都有有边框;如果使用.demo>div,那么只有0有边框,即只有子元素会被命中。1.2子选择符(E>F)选择所有作为E元素的子元素F。与包含选择符不同的是,子选择符只能命中子元素,而不能命中孙辈。示例:.demo>div{position:relative;}子选择符

此例只有.a会被命中,因为它是.demo的子元素;1.3相邻选择符(E+F)选择紧贴在E元素之后F

3、元素。与兄弟选择符不同的是,相邻选择符只会命中符合条件的相邻的兄弟元素。E~FVS.E+F:

p1

p2

这是一个标题

p3

这是一个标题

p4

p5

此例,如果使用p+p{color:#f00;},那么p2,p5将会变成红色;如果使用p~p{color:#f00;},那么p2,p3,p4,

4、p5将会变成红色;1.4兄弟选择符(E~F)选择E元素后面的所有兄弟元素F。与相邻选择符不同的是,兄弟选择符会命中所有符合条件的兄弟元素,而不强制是紧邻的元素。E~FVS.E+F:

p1

p2

这是一个标题

p3

这是一个标题

p4

p5

此例,如果使用p+p{color:#f00;},那么

5、p2,p5将会变成红色;如果使用p~p{color:#f00;},那么p2,p3,p4,p5将会变成红色;二、属性选择符2.1E[att]选择具有att属性的E元素。例如:此例,将会命中第一张图片,因为匹配到了alt属性2.2E[att="val"]选择具有att属性且属性值等于val的E元素。例如:此例,将会命中第一张input,因为匹配到了alt属性,并且属性值为text2.3E[att~="val"]选择具有att属性且属性值为一用空格分隔的字词列表,其中一个等于val的E元素(包含只有一个值且该值等于val的情况)。例如:12

7、v>3此例,将会命中1,3两个div,因为匹配到了class属性,且属性值中有一个值为a2.4E[att^="val"]选择具有att属性且属性值为以val开头的字符串的E元素。例如:123此例,将会命中1,2两个div,因为匹配到了class属性,且属

8、性值以a开头2.5E[att$="val"]选择具有att属性且属性值为以val结尾的字符串的E元素。例如:1

当前文档最多预览五页,下载文档查看全文
侵权申诉

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签