334 字
2 分钟
Loading
css的常用选择器
2023-12-03

元素选择器:

作用:根据标签名来选中指定的元素

语法:就是标签名

例子:p{}

缺点:一变全都变

Id选择器:

作用:通过元素的id属性选择一个元素。

语法:#id属性值

例子:#box{}

缺点:一次只能操作一个元素,而且很容易和JavaScript重合。

接下来有一个办法可以替代:

Class属性是一个html的属性,可以代替id使用,并且class是可以重复的,比如:

不仅可以批处理所有class为a的标签,还可以在style里随意修改。

可以通过class属性给元素分组,相当于是把某些元素和某些元素分到了一个组里。

所以也有类选择器:

作用:根据元素的class属性值选中一组元素。

语法:.class属性值

例子:

.blue{

}

实际上,我们应该更常用class这样的类选择器。

并且,一个标签可以指定多个class值,这样就相当于一个属性被分类到了好几个类别中,比如这样:

111

不过,在指定多个class属性的时候需要以空格隔开。

接下来是通配选择器

通配选择器会选择这个页面的全部元素,语法是*,写作这样:

*{

}

css的常用选择器
https://vilstia.pages.dev/posts/学习笔记/css/css的常用选择器/
作者
琴泠
发布于
2023-12-03
许可协议
CC BY-NC-SA 4.0