html - 将属性应用于 CSS 中 div 类中的链接

Question

我在一个页面上有两组不同的链接；一个在无序列表中，另一个在表中。我需要两者共享属性，同时具有不同的宽度，表格中的链接在每个单元格的中间对齐。以下是我目前拥有的相关代码。

.nav{
    padding: 0;
    margin: 0;
    list-style: none;
    vertical-align: bottom;
}

.nav a{
    display: block;
    width: 150px;
}
.nav a:hover{
    background-color: red;
    opacity: 0.6;
    filter: alpha(opacity=50);
    color: white;
}

我要求页脚 中的链接具有不同的宽度。以下是我尝试过的方法，但它不起作用。目前，表格中的链接为 150 像素宽，并与每个单元格的左侧对齐。

#footer.nav a{
    width: 250px;
}

我已阅读 this和 this但都没有帮助。

干杯

Answer 1

您的定义在 #footer 和 .nav 之间缺少额外的空格。您的代码正在匹配 ID 为 #footer 的元素，该元素也具有 .nav 类。空格表示 .nav 位于 #footer 的元素层次结构中。