現代のインラインCSS？

Question

私は多くのCSSを含むhtmlウェブページを持っています。 divごとに1つのスタイルがあるとしたら、それを外部のCSSファイルに追加するか、そのHTMLページの内部にCSSを書き込む必要がありますか？

この例を見てください。

<div class="sub"> 
<a href="#"> Link <i class="fa fa-user-circle-o" aria-hidden="true"></i></a> 
</div> 

私は、「リンク」やアイコンに2つの異なる色を追加する必要があります。私は単にこのようにすることができます。

<div class="sub"> 
<a href="#"> <span style="color:red"> Link </span> 
<i class="fa fa-user-circle-o" aria-hidden="true" style="color:black"></i></a></div> 

また、クラスを追加して外部のCSSに書き込むこともできます。

<div class="sub"> 
<a href="#"> <span class="color-1"> Link </span> 
<i class="fa fa-user-circle-o" aria-hidden="true" class="color-2"></i></a> 
</div> 

この2つの方法は動作していますが、このような状況ではベストプラクティスを知る必要があります。内部または外部？

Answer 1

：限りinlineスタイルが!important後に最高の優先順位を持っているので、我々はあまりにも多くの行とinlineスタイルの使用を持っているkeyword.when、inlineスタイルを使用していない可能性として、それは

私たちがそれを見つけてオーバーレイしたいなら、非常に難しいです。

Answer 2

実際にCSSを外部に置くのは良い方法ですが、状況によって異なります。そのためには、インラインCSSを使用するのが最善です。短い答えで