css选择器优先级和em标签

发表于 | 分类于

css添加样式的几种方法，
1.行内样式style = “” 权重 (1,0,0,0) 1000
2.id选择器 即#的个数 权重(0,1,0,0) 100
3.类选择器 .outerClass (0,0,1,0) 10
4.元素选择器 p; (0,0,0,1) 1
**!important表示强制应用该样式，例如

1
2
3
button{
    width:150px !important;
}

与上面的选择器相遇的时候，强调使用该样式
渲染规则：
1.如果比较后权重相同，那么后者会覆盖前者，后渲染的会胜出。
2.内联样式 > id选择器样式 > 类选择器样式 > 标签选择器样式
css选择器的使用，尽量避免使用!important和内联样式，id通常和class也是分开的，前者通常用于js中元素的定位，后者多用于css选择器
在实际情况下，10个class也不能逆转1个id。

单位

px:像素单位
em:表示相对尺寸，相对于当前对象文本的父元素的font-size.font-size参考对象为父元素,
rem:也表示相对尺寸，其参考对象为根元素的font-size.因此只需要确定根元素的font-size.