要素が間違ったスタイルを継承する

Question

私のウェブサイトには膨大な量の要素があります。そして、私は以下のCSSを追加してから...いくつかの要素はこれらのCSSスタイルから継承します...彼らは何もしませんそれ：他の範囲、CSSスタイルなどに直接定義はありません...私は間違って何をしていますか？

#InformationForDiv 
{ 
    width: 205px; 
    height: 180px; 
    background: #FFFFFF; 
    clear: both; 
    float: left; 
    margin: 0 35px 0 35px; 
    text-align: center; 
} 

#InformationForDiv ul 
{ 
    text-align: left; 
    padding: 0px; 
    display:block; 
} 

#InformationForDiv li 
{ 
    border-bottom: solid 1px #D6D6D6; 
    padding: 0px; 
    list-style: none; 
    line-height: 20px; 
    display: block; 
} 

#InformationForDiv p 
{ 
    display:inline; 
    float:right; 
    margin:0; 
    text-align:right; 
    font-size: 16px; 
    color: #B02229; 
} 


#InformationForDiv li a:link, a:visited 
{ 
    color: #544B42; 
    text-decoration: none; 
    font-size: 12px; 
    width:100%; 
    display:block; 
} 

#InformationForDiv li a:hover 
{ 
    color: #544B42; 
    border-bottom: 1px solid #544B42; 
    font-size: 12px; 
} 

#InformationForDiv li a:visited 
{ 
    color: #544B42; 
    text-decoration: none; 
    font-size: 12px; 
} 

#InformationForDiv img 
{ 
    margin: 10px 0 5px 0; 
} 

Answer 1

、少なくともこの1：

#InformationForDiv li a:link, a:visited 

はすべてa:visitedの要素を選択し、それはあなたの意図のようにしていません。

Answer 2

おそらく、これらの要素にはID「InformationForDiv」を持つHTML文書内に祖先が存在するためです。

一般的に、外部CSSセレクタに特定の要素IDの使用を含めることは好ましくありません。外部CSSは適切な要素を選択するためにクラス名に依存する必要があります。