开发指南112-样式的优先级别

在前端样式设置里，界面元素一般会多个地方进行定义和影响。一般而言，CSS样式的优先级如下：

‌1、内联样式‌：style属性中定义的样式，具有最高的优先级。
‌2、ID选择器‌：通过ID选择器指定的样式，其优先级仅次于内联样式。
‌3、类选择器、属性选择器、伪类选择器‌：这些选择器定义的样式优先级较低。
‌4、元素选择器、通配符选择器‌：这些选择器定义的样式具有最低的优先级。
‌5、!important规则‌：任何带有!important声明的样式规则都会覆盖其他相同选择器的样式规则。

内联样式提供了最高的优先级，但是分散在各个元素里，不便于统一调整。一般情况下不建议使用。

当多个class属性中的样式规则发生冲突时，将根据选择器的权重和样式规则在CSS文件中的定义顺序来决定应用的样式。权重相同的情况下，后定义的规则将覆盖先前的规则。

具体那个规则起作用，可以在谷歌浏览器中选择具体元素，右键点检查进行查看。查看过程中，可以手动修改样式进行在线调试，然后在修改具体代码。