未分类
说下几种常用选择器
五大类选择器:
基本选择器
- 元素选择(直接获取元素名
P、h1
)【过于直接】 - ID选择(
#id
)【取值唯一不能复用】 - 类选择(
.class
)【组合、复用】 *
通用选择器(所有元素)
关系选择器
伪类选择器
- :nth-child(n) : n可以是数字(4)、关键词(old,even)或公式(2n+1)
- :active: 将样式添加到被激活的元素
- :focus: 将样式添加到被选中的元素
- :hover: 鼠标悬浮在元素上时 添加样式
:link
: 添加到未被访问过的链接- :visited 添加到被访问过的链接
- :first-child: 添加到元素的第一个子元素
- :lang: 定义使用的语言
伪元素选择器
- :first-letter : 添加到文本的首字母
- :first-line : 添加到文本的首行
- :before : 某元素之前插入某些内容
- :after : 某元素之后插入某些内容
属性选择器
布局
flex布局
设为 flex属性后,子元素的哪些属性会失效?
float、clear 和 vertical-align
移动端
响应式
移动端开发 rem 布局的原理(rem 单位换算)
使用rem布局,实质都是根据设备屏幕通过动态改写html的font-size基准值,来实现不同设备下的良好统一适配