CSS同样的样式为a:link a:visted a:hover a:active,真的要把它全部写出来4次

CSS同样的样式为a:link a:visted a:hover a:active,真的要把它全部写出来4次,css,css-selectors,Css,Css Selectors,呵呵 当使用CSS时。如果CSS样式对于a:link a:visted a:hover a:active是相同的,那么你真的需要多次写出它。使用自定义链接 .DT_compare a:link { font-family:"Lucida Grande", Arial, sans-serif; font-size:11px; line-height:14px; font-weight:normal; font-style:normal; color:

呵呵

当使用CSS时。如果CSS样式对于a:link a:visted a:hover a:active是相同的,那么你真的需要多次写出它。使用自定义链接

.DT_compare a:link {
    font-family:"Lucida Grande", Arial, sans-serif;
    font-size:11px;
    line-height:14px;
    font-weight:normal;
    font-style:normal;
    color:#EEE;
    text-align:center;
}
有捷径吗


奇妙的

只需关闭
:链接
,即可立即影响所有状态。

只需忘记伪类,只选择
a

.DT_compare a {
    font-family:"Lucida Grande", Arial, sans-serif;
    font-size:11px;
    line-height:14px;
    font-weight:normal;
    font-style:normal;
    color:#EEE;
    text-align:center;
}
但这并不是一个非常具体的选择器;如有必要,您可以找到其他方法来增加它,以便它否决您的
a:hover
a:active
选择器,或者使用它们并只指定全部四个


同样,如果您的主要超链接样式应用于
a:hover
a:active
,而前面没有任何内容,只要您将
。DT\u将
规则放在它们下面进行比较,它就可以正常工作。

我认为您不能做任何短于:

.DT_compare a:link,
.DT_compare a:visited,
.DT_compare a:hover,
.DT_compare a:active, {
    font-family:"Lucida Grande", Arial, sans-serif;font-size:11px;line-height:14px;font-weight:normal;font-style:normal;color:#EEE;text-align:center; }
可以通过“混合”在此处提供帮助,例如:

.a {
  text-decoration: none;
  color: black;
}

a:link { .a; }
a:visited { .a; }
如果有更好的方法,我不会感到惊讶,但这是我所知道的最好的方法less非常棒——它基本上是CSS,但是程序员应该如何设计它。你再也不用重复你自己了

.DT_compare a[href]{ ... }

很好,因为你可以在那里偷偷溜进一些额外的东西。(不过,属性选择器==类选择器)。

我假设您有一些样式,希望覆盖此处的默认浏览器样式,这就是为什么我建议仍然显式声明它们。如果没有,请按照其他人的建议执行。@Marthin:specification可能是
a:hover
a:active
的问题。看他的评论。已经回答了。哇!不能只键入一个答案,它必须缩进4个空格,然后解释为什么这个答案是错误的:逗号的优先级最低;要表达海报想要表达的意思,选择器应该是
.DT\u compare a:link、.DT\u compare a:visted
(依此类推)。也没有什么限制逗号为两个选择器,您也可以指定所有四个选择器。
.DT_compare a:link, a:visited {
font-family:"Lucida Grande", Arial, sans-serif;
font-size:11px;
line-height:14px;
font-weight:normal;
font-style:normal;
color:#EEE;
text-align:center;
}

.DT_compare a:hover, a:active {
font-family:"Lucida Grande", Arial, sans-serif;
font-size:11px;
line-height:14px;
font-weight:normal;
font-style:normal;
color:#EEE;
text-align:center;
}