Question

何浩，

使用CSS时。如果a的CSS样式是相同的：链接a：访问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;
}

任何捷径？

非凡

Answer 1

忘记伪类，只选择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选择器，或者改为使用whoughton's answer而只指定所有四个。

然后再次，如果您的主要超链接样式适用于a:hover和a:active而没有任何内容，只要您将.DT_compare a规则置于其下，它就可以正常工作。

Answer 2

我认为你不能做任何短于：

.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; }

Answer 3

只需关闭:link即可立即影响所有州。

Answer 4

Less可以通过'mixins'来帮助，例如：

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

a:link { .a; }
a:visited { .a; }

如果有更好的方式，我不会感到惊讶，但这是我所知道的最好的。 less 非常棒 - 它基本上是CSS，但是程序员如何设计它。你永远不必再重复一次......

Answer 5

.DT_compare a[href]{ ... }

很好，因为你可以在那里潜入一些额外的特异性。（尽管属性选择器==类选择器。）

Answer 6

.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;
}

CSS相同的样式：a：链接a：访问a：hover a：active，真的要把它全部写出来4次

6 个答案: