欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

<一>CSS选择器

程序员文章站 2022-05-01 17:08:49
...
  1. CSS引入方式

1. 内部样式
   <style></style>

2. 外部样式
   link
   @import
   
3. 内联样式
   直接在标签中添加style属性,又叫行内式

4. 权重对比
   内联>内部/外部,加载顺序影响二者排序,一般也认为内部大于外部

选择器

选中对应的元素

CSS选择器有哪些
1. 标签
2. id
3. class
4. 复合选择器(交集、并集、后代)
5. 关系选择器(+、~、>)
6. 序号选择器
7. 属性选择器
8. 伪类和伪元素
类名的使用
1. 同一个标签可以携带多个类名
2. 同一个类名可以属于多个标签
3. 原子类
伪类和伪元素
1. 一个元素用户赋予它的状态就叫伪类,符号是:
2. 用户创造出来的一个虚拟元素就是伪元素,符号是::
基本选择器
1. 类型选择器
2. 类选择器
3. id选择器
4. 通配符:*
5. 群组选择器:,
6. 后代选择器:空格
选择器权重
id选择器 > class选择器 > 类型选择器
100			10			1

内联样式:1000

群组选择器:选择器本身,不累加

后代选择器:选择器权重之和

!important:∞

继承:0000

【注】
1. 在继承状态下,权重选择按照就近原则来,不比较大小
2. 在非继承状态下,谁的权重大就听谁的
相关标签: CSS css