css的优先级 和 权重问题 以及 !important 优先级
css选择有多少种？
- 行内样式(style="")
- id选择器(#)
- class选择器(类,伪类)
- 元素选择器(标签元素和伪元素)
css的优先级：行内样式>id选择器>class选择器>元素选择器
!important :表示强制应用该样式,例如: button{width:150px !important;},与以上的选择器相遇时，强制使用此样式;
css选择器的使用，应该尽量避免使用!important和内联样式；id通常也是与class区分开使用，前置多用于js中的节点点位，后者多用于css选择器。
重中之重,真实情况下10个class并不能逆转1个id。案例：张鑫旭的256个class类名选择器干掉一个id选择器实例页面.
内容详情参考：https://www.cnblogs.com/nangezi/p/9042973.html