如何在CSS3中覆盖伪类
如何在CSS3中覆盖伪类
提问于 2015-02-21 03:03:32
我定义了伪类red:before和red:after，它们包含一个边框颜色的六进制代码.现在，我需要使用另一个名为blue的CSS类将颜色从红色切换到蓝色。
以下是我的Html：
<div class="red blue">Text</div>这是我的CSS：
.red:before, .red:after {
border-color: red;
}如何为.blue设置CSS以使边框变成蓝色？
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-02-21 03:06:28
Stack Overflow用户
发布于 2015-02-21 03:30:08
一般情况下，重写css内容的正确方法就是重新重写它。
.red:before, .red:after {
content: '';
width: 16px;
height: 16px;
border: 2px solid red /*we will override this*/
}<div class="red blue">Text</div>
现在我们推翻它
.red:before, .red:after {
content: '';
width: 16px;
height: 16px;
border: 2px solid red /*we will override this*/
}
.blue:before, .blue:after {
border: 2px solid blue
}<div class="red blue">Text</div>
但你可以像这样清理一下
.red:before, .red:after {
content: '';
width: 16px;
height: 16px;
}
.red:before, .red:after {
border: 2px solid red
}
.blue:before, .blue:after {
border: 2px solid blue
}<div class="red blue">Text</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28645013
复制
![msfconsole 控制台使用和操作[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/adb47a46b55024e6d6f4728e9989b0bd.png)
相似问题
@ngrx/effects调度操作
ngRx操作未正确调度
ngrx从effect多次调度相同的操作
ngrx测试方法调度操作
NgRx在调度操作后(异步)执行操作
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
