css权重

选择器

* { width:1000px; }  // 通用选择器
.img { width: 180px;} // 类选择器
img[alt="img"] {
    width: 400px;
}                     //属性选择器
img:hover { width: 500px;} // 伪类选择器
#img { width: 300px;}   //ID 选择器

css权重　

选择器	权重
行内样式	1000
id	100
类	10
元素，伪元素	1
继承	0.5

!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性

！important

!important允许开发人员强制应用某样式，他的用法是写在该样式的某属性值后，结束分号前，以便强制应用该样式