kok 发表于 2019-2-25 17:15:48

CSS框架全局定义了a标签，如何自定义CSS高优先级

引用的XXX.CSS框架文件。
定义了 a标签，他的全局样式我需要保留
[*]a{
[*]padding-bottom: 9px;
[*]margin: 40px 0 20px;
[*]border-bottom: 1px solid #e5e5e5;
[*]margin-left: -30px;
[*]padding-left: 30px;
[*]}复制代码

但我在特定的位置需要   调用XXX样式 覆盖全局样式


目前我采用的笨办法就是 加个!important 定义最高优先级
[*]a{
[*]padding-bottom: 0px !important;
[*]margin: 0px !important;
[*]border-bottom: 1px solid #fff !important;
[*]margin-left: 0px !important;
[*]padding-left: 0px !important;
[*]}复制代码

把每一个都覆盖过去。

有没有更好的办法？

三七开 发表于 2019-2-25 17:31:25

a.xxxxxx是类名。

hising 发表于 2019-2-25 17:31:39

我记得有先后顺序，最后加载的css优先级是高于前面加载的样式的。

yrj 发表于 2019-2-25 17:46:03

[*].xxx{
[*]padding-bottom: 0px;
[*]margin: 0px;
[*]border-bottom: 1px solid #fff;
[*]margin-left: 0px;
[*]padding-left: 0px;
[*]}复制代码

Lish 发表于 2019-2-25 17:46:43




自定义里直接写
a {
padding-bottom: 0px;
margin: 0px;
border-bottom: 1px solid #fff;
margin-left: 0px;
padding-left: 0px;
}

Evan 发表于 2019-2-25 17:51:59

楼上的就不错。
另外，优先级：元素《类《ID。写个类咯。

bitspirit 发表于 2019-2-25 17:56:38

选择器好像第一节课就说了。。

kejiweng0 发表于 2019-2-25 18:02:27

写个行内样式在html里面，xxx 就覆盖了呀

tem 发表于 2019-2-25 19:41:09

! Important 复制去百度谷歌自己看
页: [1]
查看完整版本: CSS框架全局定义了a标签，如何自定义CSS高优先级