CSS3属性_选择属性
创始人
2024-10-15 00:11:04
0次

CSS3选择属性

CSS3属性_选择属性（图片来源网络，侵删）

CSS3引入了许多新的选择器，这些选择器允许开发者更精确地定位和样式化HTML元素，以下是一些主要的CSS3选择器：

1. 基本选择器

选择器 描述
* 选择所有元素
E 选择所有类型为E的元素
#id 选择ID为给定值的元素
.class 选择类名为给定值的所有元素
e E 选择所有E元素的后代元素e
e > E 选择所有作为E子元素的元素e
e + E 选择紧接在e元素后面的E元素
e ~ E 选择e元素之后的所有E元素

2. 属性选择器

选择器 描述
[attr] 选择具有attr属性的元素
[attr=value] 选择attr属性值为value的元素
[attr~=value] 选择attr属性值包含一个以空格分隔的单词为value的所有元素
[attr=value] 选择attr属性值等于value或以value开头的所有元素
[attr^=value] 选择attr属性值以value开头的所有元素
[attr$=value] 选择attr属性值以value结尾的所有元素
[attr*=value] 选择attr属性值包含value的所有元素

3. 结构伪类选择器

选择器 描述
:firstchild 选择每个父元素的第一个子元素
:lastchild 选择每个父元素的最后一个子元素
:nthchild(an+b) 选择每个父元素的第an+b个子元素
:onlychild 选择每个是其父元素唯一子元素的元素
:onlyoftype 选择每个是其父元素中同类型唯一元素的元素
:nthoftype(an+b) 选择每个父元素的第an+b个同类型子元素

4. UI伪类选择器

选择器 描述
:root 选择文档的根元素
:empty 选择没有子元素（包括文本节点）的元素
:target 选择当前活动锚点的元素
:enabled 选择启用状态的元素
:disabled 选择禁用状态的元素
:checked 选择被选中的输入元素
:default 选择默认选中的表单元素
:valid 选择通过校验的表单元素
:invalid 选择未通过校验的表单元素

5. 关系伪类选择器

选择器 描述
:required 选择设置了必需属性的表单元素
:optional 选择没有设置必需属性的表单元素
:inrange 选择在指定范围内的表单元素
:outofrange 选择在指定范围外的表单元素
:readonly 选择设置为只读的表单元素
:readwrite 选择没有设置为只读的表单元素

以上是CSS3中的一些主要选择器，它们提供了强大的能力来定位和样式化HTML元素。

上一篇：科普常识（德友汇）软件透明挂（透明挂）外挂辅助智能（有挂透明）详尽无遗（哔哩哔哩）

下一篇：域名被劫持的处理办法?

相关内容

热门资讯

2026版方法!火神微信辅助(... 2026版方法!火神微信辅助(辅助)其实是真的有辅助神器(有挂规律)1、点击下载安装，火神微信辅助脚...
操作辅助!奇迹陕西靖边锅子有没... 操作辅助!奇迹陕西靖边锅子有没有技巧!曝光真的有辅助挂(有挂教学)进入游戏-大厅左侧-新手福利-激活...
黑科技辅助挂!威信茶馆跑辅助器... 黑科技辅助挂!威信茶馆跑辅助器(辅助)果然确实有辅助app(真实有挂)1、在威信茶馆跑辅助器插件功能...
要领辅助!好友赣南插件!了解是... 要领辅助!好友赣南插件!了解是有辅助器(证实有挂)1）好友赣南插件免费钻石：进一步探索好友赣南插件免...
随着!决战平安京辅助软件(辅助... 随着!决战平安京辅助软件(辅助)切实存在有辅助挂(有挂透视)1、打开软件启动之后找到中间准星的标志长...
手册辅助!哈灵脚本修改器!解迷... 手册辅助!哈灵脚本修改器!解迷存在有辅助工具(有挂方法)运哈灵脚本修改器辅助工具，进入游戏界面。进入...
此事迅速冲上热搜!微信小程序财... 此事迅速冲上热搜!微信小程序财神十三张辅助(辅助)切实真的是有辅助挂(有挂教程)1、下载好微信小程序...
指引辅助!快玩炸翻天辅助工具!... 指引辅助!快玩炸翻天辅助工具!辅助是真的有辅助软件(真的有挂)在进入快玩炸翻天辅助工具软件靠谱后，参...
方法辅助挂!雀神广东麻将推倒胡... 方法辅助挂!雀神广东麻将推倒胡辅助器下载(辅助)真是真的是有辅助app(果真有挂)1、该软件可以轻松...
方案辅助!广西友玩修改器!普及... 方案辅助!广西友玩修改器!普及真的是有辅助技巧(真的有挂)广西友玩修改器透视方法中分为三种模型：广西...