我为h2标签设置了一些样式(颜色,字体大小等),但是当我把"A"标签放在里面时,样式就变成了链接.我的HTML:
<h2>
<a class="no-decor" href="http://localhost/xxx/">Link</a>
</h2>
Run Code Online (Sandbox Code Playgroud)
所以,正如你所看到的,我创造了"无装饰"课程.它应该继承h2的"a"标签样式.
a.no-decor {
color:inherit;
font-family:inherit;
font-size:inherit;
font-weight:inherit;
text-decoration:inherit;
}
Run Code Online (Sandbox Code Playgroud)
在Firefox上,everythig没问题,但IE仍显示标签"a"样式(下划线文字装饰和蓝色).我知道,我可以为"h2 a"设置一些样式,但也许某种程度上可以强制工作CSS继承IE7上的值?
PS On IE6也不支持.
PPS有一些相同的例子:http://www.brunildo.org/test/inherit.html