CSS同样的样式为a:link a:visted a:hover a:active,真的要把它全部写出来4次
呵呵 当使用CSS时。如果CSS样式对于a:link a:visted a:hover a:active是相同的,那么你真的需要多次写出它。使用自定义链接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:
.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;
}