css中常用的选择器有哪几种

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在css中,选择器是用来选择需要样式化的元素的,常用的选择器有以下几种:选择器 说明 * 通配符选择器,匹配所有元素 element 元素选择器,匹配所有指定元素 #id id选择器,匹配指定id的元

在css中,选择器是用来选择需要样式化的元素的,常用的选择器有以下几种:

选择器              说明
*                 通配符选择器,匹配所有元素
element           元素选择器,匹配所有指定元素
#id               id选择器,匹配指定id的元素
.class            class选择器,匹配指定class的元素
[attribute=value] 属性选择器,匹配指定属性和属性值的元素
element,          多元素选择器,同时选择多个指定元素
.class,element 

通配符选择器(*)可以匹配所有元素,但是会影响性能,应该避免使用。

元素选择器(element)可以匹配所有指定元素,例如p、div、span等。

id选择器(#id)可以匹配指定id的元素,但是id是唯一的,一个页面中只能使用一次,因此使用id选择器不如使用class选择器方便。

class选择器(.class)可以匹配指定class的元素,可以在多个元素中共用一个class,方便样式的重用。

属性选择器([attribute=value])可以匹配指定属性和属性值的元素,例如[name="username"]会匹配name属性值为username的元素。

多元素选择器(element1,element2)可以同时选择多个指定元素,例如p,div会匹配所有的p和div元素。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中常用的选择器有哪几种

粉丝

0

关注

0

收藏

0

已有0次打赏