从全局CSS跨度样式内联排除跨度

Question

假设你有一个全球CSS：

span {color: purple;}

现在拿这行代码：

<h1><span>Hi</span></h1>

有没有办法让INLINE排除它？

我显然可以通过样式表或jquery来做到这一点，但我的特定用例基本上需要说，我只是一个常规标签，不要将任何全局css span样式应用于我。

这甚至可能吗？

Answer 1

我很安静，确定排除基于其父级的元素，但是你可以使用{{3}覆盖应用的颜色 - 例如} value（或您想要的任何其他值）：

<强> inherit

h1 span { color: inherit; }

这样嵌套的<span>就会从其父级<h1>继承颜色。它应该适用于IE 8 +。

  

<强> Example Here

     

每个属性也可能具有“继承”的级联值，这意味着   对于给定元素，该属性采用相同的指定值   作为元素父元素的属性。继承＆＃39;价值可以   用于强制继承值，它也可以用于   通常不会继承的属性。