当前位置:  开发笔记 > 前端 > 正文

如何在CSS中选择所有伪类?

如何解决《如何在CSS中选择所有伪类?》经验,为你挑选了1个好方法。

我有一个按钮,我想知道是否有可能使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.



1> Liam Bailey..:

.button a 是你所需要的全部

我总是在上设置默认样式a,并且仅在需要产生不同效果时才定位伪类。

编辑以包含评论的修订:

因为a元素的默认样式声明为:

a:link {
    color: #DA5632;
}
a:visited {
    color: #CE3408;
}
a:hover {
    color: #289BF8;
}
a:active {
    color: #CE3408;
}

在样式表的顶部,我们需要body .button a通过增加选择性来实现它,并增加所应用样式的重要性。


只需将其设置为“ body .button a”,即可解决您的问题(通过提高选择性,使该样式具有优先权)
推荐阅读
mobiledu2402851373
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有