Элемент наследует неправильный стиль

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

Хотя бы этот:

#InformationForDiv li a:link, a:visited

выберет все a:visited элементы, и это не похоже на ваше намерение.

Answer 2

Возможно, потому что эти элементы имеют предка в документе HTML, в котором они существуют, с идентификатором «InformationForDiv».

Как правило, не рекомендуется включать во внешние селекторы CSS использование определенных идентификаторов элементов. Внешний CSS должен полагаться на имена классов для выбора соответствующих элементов.