css类选择器有哪些？来看看这几个常用的选择器

Css的使用不仅仅是让我们的页面更加美观，甚至能够实现一些简单的交互动作。你知道CSS类选择器有哪些吗？来看看这几个常用的选择器。

CSS中的选择器很多，比如：ID选择器，类选择器，通配符选择器，伪类选择器等等来看看这几个常用的选择器。

1.标签选择器

    语法：标签名{}，eg：h1{}//为所有的h1元素设置样式。

2.ID选择器

    语法：#id名{}//id值唯一不能重复,eg:#top{}//为id为top的元素设置样式。

3.类选择器

    语法：.class{},eg：.box{}//为所有的class值为box的元素设置样式。

4.组选择器

    语法：选择器1，选择器2，选择器N{},eg:#box1,.box2,p{}//为id为box1，class为box2和p的元素共同设置样式。

5、通配符选择器

    语法：*{}，eg：*{font-size：16px}//将整个页面字体大小设为16px。

6.后代选择器

    语法：选择器1选择器2{}，eg：p.aa{}//选中指定祖先元素p的指定后代.aa。

7.子元素选择器

    语法：父元素>子元素{},eg：p>.box{}//选中父元素p的指定子元素.box。注意与后代元素选择器的区别

8.伪类选择器

    伪类可以用来表示一些特殊的状态,如：

    ：link-未访问过的超链接。

    ：visited-已访问过的超链接。

    ：hover-鼠标经过的元素。

    ：active-正在点击的元素。

eg：a:hover{color:red}//鼠标经过a标签时，颜色变为红色。

css类选择器有哪些？来看看这几个常用的选择器。关注成都前端培训机构，带你了解更多相关问题。