HTML-选择器

选择器

1.1基本选择器

基本选择器包括：

标签选择器：根据标签的名称获取

id选择器：获取的是ID属性

类选择器 ：class属性

通用选择器：通配符

id属性唯一，class不唯一

1.2 标签选择器

 1.3 id选择器

 1.4 类选择器

 1.5通用选择器

 2.包含选择器

2.1子代选择器

获取的是某个标签的第一级子标签

2.2后代选择器

获取的某个标签里面所有的子标签

2.3分组选择

逗号选择器，可以同时设置多个标签，使用逗号进行分割

示例：

3.属性选择器

3.1选择选中的额标签中存在的某个属性

 

3.2 确切的等于某个值

3.3 属性值包含某个值

 

3.4 属性值以某个值开头

 

 3.5属性值以某个值结尾

 

 3.6+表示下一个标签

 

 3.7属性等于某个属性值

 

 4.伪类选择器

同一个标签，根据不同的状态，有不同的样式如下：

link ------ 链接点击之前

visited ----- 链接点击之后

hover ------"悬停"

active ------"激活" 鼠标点击的时候但是不松手

 四种状态的顺序最好固定，link visited hover active

5.伪元素选择器

要使用伪元素选择器一定要加上content属性

::before

::after

 

目录

选择器

1.1基本选择器

1.2 标签选择器

 1.3 id选择器

 1.4 类选择器

 1.5通用选择器

 2.包含选择器

2.1子代选择器

2.2后代选择器

2.3分组选择

3.属性选择器

3.1选择选中的额标签中存在的某个属性

3.2 确切的等于某个值

3.3 属性值包含某个值

3.4 属性值以某个值开头

 3.5属性值以某个值结尾

 3.6+表示下一个标签

 3.7属性等于某个属性值

 4.伪类选择器

link ------ 链接点击之前

visited ----- 链接点击之后

hover ------"悬停"

active ------"激活" 鼠标点击的时候但是不松手

5.伪元素选择器

---

 文章来源地址https://uudwc.com/A/8dnbm