CSS样式的优先级高的如何覆盖

使用样式规则的优先级来解决问题 !important  可以覆盖无素比较高的优先级

CSS样式的优先级：

1. 行内样式：通过元素的style属性设置的样式，具有最高的优先级。

　　2. ID选择器：通过元素的id选择器设置的样式会覆盖元素的类选择器和标签选择器。

　　3. 类选择器/属性选择器/伪类选择器：这些选择器有相同的优先级，如果多个样式规则选中了同一个元素，那么最后出现的样式规则会覆盖前面的样式规则。

　　4. 标签选择器/伪元素选择器：优先级最低，在优先级相等的情况下，后面的样式声明会覆盖前面的样式声明。

备注：　如果有多个选择器具有相同的特殊性和优先级，则最后出现的样式规则将优先应用。如果规则中有!important声明，则该规则的优先级最高，无视所有其他规则，因此应谨慎使用!important声明。

实例： a标签的下划线失效

a.modal-open {

       text-align: center;

       text-decoration: underline !important;

   }

参考地址：

https://m.php.cn/faq/470865.html

http://www.webkaka.com/tutorial/html/2021/1015185/

https://www.yzktw.com.cn/post/824628.html

https://www.python100.com/html/T24X80XL2G3B.html