能进网站的浏览器,检察院门户网站建设自查自纠报告,网站建设方面的销售经验,天河区网站建设目录
一、属性选择器
二、结构伪类选择器
三、伪元素选择器
四、UI状态伪类选择器
五、反选伪类选择器
六、target选择器
七、父亲选择器、后代选择器
八、相邻兄弟选择器、兄弟们选择器 一、属性选择器
#xff08;除IE6外的大部分浏览器支持#xff09;
E#…目录
一、属性选择器
二、结构伪类选择器
三、伪元素选择器
四、UI状态伪类选择器
五、反选伪类选择器
六、target选择器
七、父亲选择器、后代选择器
八、相邻兄弟选择器、兄弟们选择器 一、属性选择器
除IE6外的大部分浏览器支持
E某个标签元素如divarr该元素的某个属性:
选择器解释例子E[arr^value]选中属性以‘value’开头的E元素E[arr$value]选中属性以value结尾的E元素E[arr*value]选中属性包含value的E元素
补充
1、E:root——匹配文档的根元素对于HTML文档就是HTML元素
2、E:empty——匹配一个不包含任何子元素的元素注意文本节点也被看作子元素
二、结构伪类选择器
FireFox 1.5/2.0/3.0 支持E:rootFireFox 3.0支持E:last-child、E:emptyIE6/7/8不支持
选择器解释示例E:first-child父元素下第一个子元素E:last-child父元素下最后一个子元素略E:nth-child(n)父元素下第n个子元素略E:nth-child(even)父元素下第偶数个子元素E:nth-child(odd)父元素下第奇数个子元素略E:nth-child(公式)父元素下第公式所指的每一个子元素略E:first-of-type、last-of-type父元素下第一个E元素、父元素下最后一个E元素E:nth-of-type(n)、nth-of-type(公式)父元素下第n个E元素、父元素下第公式所指的每一个E元素E:nth-of-type(even)父元素下第偶数个E元素E:nth-of-type(odd)父元素下第奇数个E元素略E:nth-child和E:nth-of-type区别 1、E:nth-child(n)的对象是E元素下的所有子元素而nth-of-type(n)的对象指父元素下所有E元素 2、E:nth-child(n)不一定渲染当第n个元素不是E时样式无法渲染nth-of-type(n)一定渲染
三、伪元素选择器
顾名思义假的元素主要是说E::before可以在E元素前面加一个伪元素,E::after可以在E元素后面加一个伪元素。
选择器解释示例E::before用来实现在元素内容之前插入内容 E::after用来实现在元素内容后面插入内容略E::first-letter为E元素文本中的首个字母或文字添加样式E::first-line用来实现向文本的首行添加样式略
四、UI状态伪类选择器
选择器解释示例E:enabled匹配表单中激活的元素E:disabled匹配表单中禁用的元素E:checked匹配表单中被选中的radio单选框或checkbox复选框元素E::selection匹配用户当前选中的元素(鼠标在浏览器上选中的文字内容本来是淡蓝色通过E::selection赋予了新的选中样式)
五、反选伪类选择器
选择器解释示例E:not(s)匹配E选择器中不是s的所有E选择器
六、target选择器
选择器解释示例E:target匹配文档中特定id点击后的效果
七、父亲选择器、后代选择器
选择器解释示例父亲选择器divp{...}E元素的子元素 后代选择器div p{...} E元素的子元素以及孙子元素等所有的后代元素
八、相邻兄弟选择器、兄弟们选择器
选择器解释示例相邻兄弟选择器EF匹配最邻近的兄弟元素兄弟们选择器E ~ F匹配任何在E元素之后的同级F元素
十、最后
欢迎评论区纠错或者补充哦。
