外部クラスからインラインCSSをオーバーライドする方法は？

Question

私は、ブートストラップ​​クラス使用しています：1つの項目については

.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; 
}