<一>CSS选择器
程序员文章站
2022-05-01 17:08:49
...
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. 在非继承状态下,谁的权重大就听谁的
上一篇: 关于PHP中的trait简单介绍
下一篇: ajax配合jsonp解决跨域访问问题