首页 话题 小组 问答 好文 用户 我的社区 域名交易 唠叨

[分享]css中常用的选择器有哪几种

发布于 2024-11-11 19:09:21
0
11

在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元素。

评论
一个月内的热帖推荐
91云脑
Lv.1普通用户

62849

帖子

14

小组

291

积分

赞助商广告
站长交流