我有一个按钮,我想知道是否有可能使css更短.
.button a:link, .button a:visited, .button a:hover, .button a:active { color: #000; text-decoration: none; }
我的意思是:
.button a:* { color: #000; text-decoration: none; }
也许没有任何更短的方式,但我只是想知道.我发现了这样的事情:
.button a:link:visited:hover:active { color: #000; text-decoration: none; }
但它不起作用,不知道为什么..有关信息 - 我在文件顶部的一般css:
a:link { color: #DA5632; } a:visited { color: #CE3408; } a:hover { color: #289BF8; } a:active { color: #CE3408; }
所以按钮类a应该覆盖主要的css.
.button a
是你所需要的全部
我总是在上设置默认样式a
,并且仅在需要产生不同效果时才定位伪类。
编辑以包含评论的修订:
因为a元素的默认样式声明为:
a:link { color: #DA5632; } a:visited { color: #CE3408; } a:hover { color: #289BF8; } a:active { color: #CE3408; }
在样式表的顶部,我们需要body .button a
通过增加选择性来实现它,并增加所应用样式的重要性。