我敢肯定以前必须提到/问过,但一直在寻找没有运气的年龄,我的术语一定是错的!
我依稀记得我刚才看到的一条推文,它提示有一条css规则可以删除以前在样式表中为特定元素设置的任何样式.
一个很好的使用示例可能是在移动优先的RWD站点中,其中用于小屏幕视图中的特定元素的大部分样式需要"重置"或移除桌面视图中的相同元素.
一个css规则,可以实现如下:
.element {
all: none;
}
Run Code Online (Sandbox Code Playgroud)
用法示例:
/* mobile first */
.element {
margin: 0 10;
transform: translate3d(0, 0, 0);
z-index: 50;
display: block;
etc..
etc..
}
@media only screen and (min-width: 980px) {
.element {
all: none;
}
}
Run Code Online (Sandbox Code Playgroud)
因此,我们可以快速删除或重新设置样式,而无需声明每个属性.
说得通?
我为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
有没有办法忽略所写的任何样式,并从头开始为新标签.例如,如果我写了一个样式
table {
large amount of styles..
}
Run Code Online (Sandbox Code Playgroud)
然后我想用这样的东西开始一个没有任何样式的新表
<table style="no style">
Run Code Online (Sandbox Code Playgroud)
我可以为新表编写一个不同的类并应用该类,但问题是有很多样式要覆盖.有这样的属性吗?