今天给大家介绍一下在css3中的常用选择器语法,语法一般分为三种,基本选择器语法,层次选择器语法和动态伪类选择器语法。下面就给大家详细的解读一下。
1,基本选择器语法
(1)* 通配选择器 选择文档中所以html元素
(2)e 元素选择器 选择指定类型的html元素
#id id选择器 选择指定id属性值为“id”的任意类型元素
.class 类选择器 选择指定class属性值为“class”的任意类型的任意多个元素
selector1,selectorn 群组选择器 将每一个选择器匹配的元素集合并
2,层次选择器语法
(1)e f 后代选择器(包含选择器) 选择匹配的f元素,且匹配的f元素被包含在匹配的e元素内
(2)e>f 子选择器 选择匹配的f元素,且匹配的f元素所匹配的e元素的子元素
(3)e+f 相邻兄弟选择器 选择匹配的f元素,且匹配的f元素紧位于匹配的e元素的后面
(4)e~f 通用选择器 选择匹配的f元素,且位于匹配的e元素后的所有匹配的f元素
3,动态伪类选择器语法
(1)e:link 链接伪类选择器 选择匹配的e元素,而且匹配元素被定义了超链接并未被访问过。常用于链接描点上
(2)e:visited 链接伪类选择器 选择匹配的e元素,而且匹配元素被定义了超链接并已被访问过。常用于链接描点上
(3)e:active 用户行为选择器 选择匹配的e元素,且匹配元素被激活。常用于链接描点和按钮上
(4)e:hover 用户行为选择器 选择匹配的e元素,且用户鼠标停留在元素e上。ie6及以下浏览器仅支持a:hover
(5)e:focus 用户行为选择器 选择匹配的e元素,而且匹配元素获取焦点
相信看了以上介绍你已经掌握了方法,更多精彩请关注其它相关文章!
相关阅读:
用h5制作烟花粒子特效的制作方法
让div宽度自适应教学
网页中使用h标签的开发经验
以上就是css3中选择器有哪些语法的详细内容。