千家信息网

CSS3选择器的分类有几种

发表于:2024-11-30 作者:千家信息网编辑
千家信息网最后更新 2024年11月30日,这篇文章主要介绍"CSS3选择器的分类有几种",在日常操作中,相信很多人在CSS3选择器的分类有几种问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答"CSS3选择器的分类有
千家信息网最后更新 2024年11月30日CSS3选择器的分类有几种

这篇文章主要介绍"CSS3选择器的分类有几种",在日常操作中,相信很多人在CSS3选择器的分类有几种问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答"CSS3选择器的分类有几种"的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

一、目标伪类选择器

E:target 选择匹配E的所有元素,且匹配元素被相关URL指向

二、UI元素状态伪类选择器语法

1.E:checked 选中状态伪类选择器 匹配选中的复选按钮或者单选按钮表单元素

2.E:enabled 启用状态伪类选择器 匹配所有启用的表单元素

3.E:disabled 不可用状态伪类选择器 匹配所有禁用的表单元素

三、否定伪类选择器

E:not(F) 匹配所有除元素F外的E元素

四、属性选择器语法

1.[attribute] 用于选取带有指定属性的元素。

2.[attribute=value] 用于选取带有指定属性和值的元素。

3.[attribute~=value] 用于选取属性值中包含指定词汇的元素。

4.[attribute|=value] 用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。

5.[attribute^=value] 匹配属性值以指定值开头的每个元素。

6.[attribute$=value] 匹配属性值以指定值结尾的每个元素。

7.[attribute*=value] 匹配属性值中包含指定值的每个元素。

到此,关于"CSS3选择器的分类有几种"的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注网站,小编会继续努力为大家带来更多实用的文章!

0