css - 在另一个 css 调用中设置 a:link / a:visited 颜色

Question

不确定我的语义是否正确。在我的论坛上，我的链接在普通帖子中看起来不错，但当有人在帖子中被引用时，文本被缩小为较小的字体，看起来不太好。

所以我尝试了这个，但它根本没有效果。

    blockquote {
    border: 1px solid #ccc;
    margin: 0;
    background: #fff;
    padding: 4px;
font-size: 11px;
a:link {color:#00FF00;}
}
blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    margin: 4px 0;
font-size: 11px;
a:link {color:#00FF00;}
}

我可以做些什么来轻松更改此处的链接属性吗？因为我尝试的方式似乎根本不起作用。

Answer 1

您不能像这样嵌套 css 规则：

blockquote cite {
    a:link {  }
}

你会用这个：

blockquote cite {

}
blockquote cite a:link {
    /* rules for links within 'blockquote cite' */
}

使用无效的 css，您的其他一些规则可能不起作用，并且可能导致其他意外的格式问题。