我有一个CSS规则如下:
a {
line-height: 50px;
display: inline-block;
text-decoration: none;
font-size: 16px;
color: white;
}
And this HTML:
<a href="/test">test</a>
我该如何停止CSS规则仅应用于此元素?
我有一个CSS规则如下:
a {
line-height: 50px;
display: inline-block;
text-decoration: none;
font-size: 16px;
color: white;
}
And this HTML:
<a href="/test">test</a>
如果选择器匹配一个元素,那么它就匹配该元素。
你有三个选择:
在你的CSS声明中,你可以使用类选择器(.foo
)而不是元素选择器(a
)。
因此,不要这样做:
CSS
a {
line-height: 50px;
display: inline-block;
text-decoration: none;
font-size: 16px;
color: white;
}
HTML
<a href="/test">test</a>
.foo {
line-height: 50px;
display: inline-block;
text-decoration: none;
font-size: 16px;
color: white;
}
HTML
<a class="foo" href="/test">test</a>
<a href="/test" style="your preferred styles here">test</a>
在这种情况下,内联样式将优先于其他样式。<a>
标签都需要覆盖它。 - charlietfla
元素创建样式声明,但又不希望这些样式应用于a
元素? - Michael Benjamina.none {
line-height: inherit;
display: inherit;
text-decoration: inherit;
font-size: inherit;
color: inherit;
}
<a class="none" href="/test">test</a>
之前有人发布了这个帖子,然后又删除了,我不知道为什么,但是谢谢!