如何覆盖外部类的内联CSS？

Question

我使用引导​​类：

.glyphicon { 
    top: 1px; 
    //... 
} 

对于一个单一的项目，我想重写top财产，内嵌CSS：

<span class="glyphicon glyphicon-home" style="glyphicon.top:2px"></span> 

我知道这是不是一个标准的方法，但你知道我想要达到的目标。

这可能吗？

Answer 1

<span class="glyphicon glyphicon-home" style="position: relative; top:2px"></span> 

CSS定位特性（顶部/右/底/左）只能与relative，absolute或fixed位置使用时。

Detailed Reference

Answer 2

对于内联CSS你不需要选择：

<span class="glyphicon glyphicon-home" style="top:2px"></span> 

内联CSS选择具有最高优先级，将覆盖外部CSS。

---

旁注

对于top: 2px工作元素必须是非静态定位 - position: [relative,absolute,fixed]

Answer 3

最优化是始终使用CSS。页面本身没有样式。好的做法是在项目结束的欢迎...

<div class="icono"> 
<span class="glyphicon glyphicon-home"></span> 
</div> 

CSS

.icono .glyphicon-home { 
top: 1px; 
}