首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Css规则只影响某些元素?

Css规则只影响某些元素?
EN

Stack Overflow用户
提问于 2014-06-25 21:18:49
回答 2查看 164关注 0票数 0

我试图为blender.stackexchange创建一个定制时尚的主题,但是规则只会影响FF 29.0.1中的一些标记

据我所知,所有的标记元素都有相同的类/父元素/等等,但只有一些受到时尚样式表的影响。

我的完整时尚主题,我用来测试:

代码语言:javascript
运行
复制
@-moz-document url('https://blender.stackexchange.com/') {

.post-tag, .tags a:hover, .tags * {
    color:red !important;
}

}

所有的标签在悬停时都会变成红色,而在没有光标的情况下只有一些是红色的。为什么会这样呢?

下面是一个没有覆盖的标记的示例:

还有一个是(虽然根据检查员的说法,这不是!?):

有趣的是,我在上面试了一下,结果果然成功了。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-06-26 01:05:45

对于已访问的锚状态,有一个现有的规则,其中包含一个!important声明,该声明防止新颜色获得优先级。

现有风格:

代码语言:javascript
运行
复制
a.post-tag:visited {
    color: #566e76 !important;
}
票数 1
EN

Stack Overflow用户

发布于 2014-06-26 10:00:08

多亏了Cryode,他指出有一个:visited规则和一个!important颜色声明。

我设法用一个更时髦的特定选择器来覆盖这个

代码语言:javascript
运行
复制
a.post-tag, div.tags > a.post-tag:visited {
    color:blue !important;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24418753

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档