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

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

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

1.标签选择器

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

2.ID选择器

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

css类选择器有哪些

3.类选择器

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

4.组选择器

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

5、通配符选择器

    语法:*{}eg*{font-size16px}//将整个页面字体大小设为16px

6.后代选择器

    语法:选择器1选择器2{}egp.aa{}//选中指定祖先元素p的指定后代.aa

7.子元素选择器

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

8.伪类选择器

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

    link-未访问过的超链接。

    visited-已访问过的超链接。

    hover-鼠标经过的元素。

    active-正在点击的元素。

ega:hover{color:red}//鼠标经过a标签时,颜色变为红色

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

 


实战教学·项目驱动

132 2811 3191
预约免费试学
点击咨询
预约试学