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文档中有一个祖先，其中存在ID为“InformationForDiv”的。

在外部css选择器中包含特定元素ID的使用通常不是一个好主意。外部CSS应该依赖类名来选择合适的元素。

元素继承了错误的风格

2 个答案: