CSSと特異IDS

Question

VSクラスは、次のHTMLを考えてみましょう

'下線れるべき' リンクに下線をされていない

#rightBar a 
{ 
    text-decoration: none; 
} 
#rightBar a.barLinks 
{ 
    text-decoration: underline; 
} 

、それはすべきではありませんこれはクラスbarLinksとid rightbarの両方を継承するからです。また、 '#rightBar a.barLinks'（0,1,1,1）は '#rightBar a'（0,1,0,1）よりも特異性が高いので、後者の権限をオーバーライドする必要がありますか？

は、他にどのように私はあなたのa要素がクラスbarLinksを持たない任意のインライン仕様を使用してに頼ることなく下線するためのリンク（CSSやHTMLの両方）

Answer 1

「下線れるべき」得ることができます。それは間違った選択を使用している、特異性の問題ではありませんhttp://jsfiddle.net/J34mj/2/

Answer 2

：

#rightBar .barLinks a 
{ 
    text-decoration: underline; 
} 

は例：これを行います。それはこのようになります。それはすべきではない

#rightBar .barLinks a {} 

Answer 3

、barLinksはあなたが#rightBar .barLinksにあなたのCSSを変更した場合、A、それは動作するはずです、タグにのみ適用されます。これを試してみてください<a>

にないクラスは= "barLinks" ので

Answer 4

#rightBar a.barLinks 
{ 
    text-decoration: underline; 
} 

は機能しません。

#rightBar .barLinks a 
{ 
    text-decoration: underline; 
} 

それでも問題はありません。

#rightBar .barLinks a 
{ 
    text-decoration: underline !important; 
}