【前端】打卡挑战 Day 1 CSS 选择器有哪些？优先级分别是什么？...的全部评论

1.元素选择器：暴力直接，直接用标签，eg.div，p等

2.类选择器：通过元素的class属性进行选择，eg：.class

3.id选择器：通过元素的id属性进行选择，但是要注意的是对应的id只能有唯一一个，eg：#id

4.后代选择器：选择父元素下的所有符合的元素，如 .class div，就是筛选class类下的所有div元素

5.子代选择器：选择子元素，例如：.class > div

6.兄弟选择器：选择属于同层级下...

1. ID 选择器 #xxx
2. 类选择器 .xxx
3. 元素选择器 body、div
4. 后代选择器 用空格隔开两个选择器
5. 子代选择器 用>号隔开两个选择器
6. 属性选择器 [name=xxx]
7. 交集选择器 比如div.class 两个选择器紧跟着
8. 并集选择器， 多个选择器用逗号隔开
9. 兄弟选择器 使用~代表所有的兄弟元素，使用>表示相邻下一个兄...

属性选择器class，标签选择器 ： div，ID选择器#id，通配符*，伪类选择器，后代选择器a b ，子代选择器a>b，兄弟选择器a~，并集选择器：a，b ,交集选择器 div.class ,结构为类选择器 div:nth(1)等。

优先级 ：! important > 内...

id选择器

类选择器

标签选择器

相邻选择器

子代/后代选择器

伪类选择器

通配符/属性/伪类选择器

1. 标签选择器
2. 类选择器
3. id选择器
4. 通配符*
5. 后代选择器 空格
6. 自带选择器 >
7. 并集选择器 ：选择器1，选择器2
8. 交集选择器：选择器1选择器2{css}
9. hover伪类选择器 选择器：hover
10. 继承<通配符选择器<标签选择器<类选择器<id选择器<行内样式<！impor...

一、常用的选择器

1.元素选择器

2.类选择器(class选择器)

3.id选择器

4.通配符选择器

二、群组选择器

三、关系选择器

1.后代选择器

2.子代选择器

3.相邻兄弟选择器

4.通用兄弟选择器

四、属性选择器

五、伪类选择

1.常用的伪类选择器

2.否定伪类

3.元素的伪类

伪元素选择器<...

CSS选择器分为基础选择器和复合选择器，其中基础选择器为单个选择器组成，分别为：

1. 标签选择器：`div {}`

2. 类选择器 : `.className {}`

3. id选择器 ：`#idName {}`

4. 通配符选择器：`* {}`

复合选择器为两个或两个以上的基础选择器组合使用。比如：

1. 后代选择器：`元素1...

id选择器，类选择器，标签选择器，优先级逐级递减

## 一、CSS基础### 1. CSS选择器及其优先级| **选择器** | **格式** | **优先级权重** || -------------- | ------------- | -------------- || id选择器 | #id | 100 || 类选择器 | #classname | 10 || 属性选择器 | a[ref=“eee”] | 10...

id选择器 class类选择器 标签选择器 属性选择器

优先级从高到低：id选择器>class类选择器=属性选择器>标签选择器

1、id选择器

2、类选择器，属性选择器，伪元素选择器

3、标签选择器，伪类选择器，标签选择器

4、通配符选择器

选择器包含以下种类