runsly html+css教程 2023-05-25

CSS3中选择器有哪些语法

今天给大家介绍一下在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元素，而且匹配元素获取焦点

相信看了以上介绍你已经掌握了方法，更多精彩请关注其它相关文章！