Forum:关于“链接颜色”

論壇 > 進階編輯 > 关于“链接颜色”

回覆

我的主题设计器连接颜色是蓝色，但是在深色背景下看着不好。那么我怎么设置在特定的情况下（深色颜色）就需要变色。是否需要通过 CSS 实现？

Gongxiang01（留言） 2023年10月9日 (一) 11:37 (UTC)

您好！您可以使用CSS变量--theme-link-color（常规状态）以及--theme-link-color--hover（鼠标悬停状态）来修改连接颜色。

--Natsunohikari（留言） 2023年10月9日 (一) 11:45 (UTC)

不过，一般情况下在主题设计器里有暗色模式，您可以转换到那里进行针对性修改。 --Natsunohikari（留言） 2023年10月9日 (一) 11:55 (UTC)

我要求的是特定的地方下变色，比如说在div的颜色为什么什么的情况下，或者是class为什么的情况下。 --Gongxiang01（留言） 2023年10月10日 (二) 00:42 (UTC)

您好！如果您要想改变在特定元素中的链接颜色，您只需要在CSS中修改对应的链接元素（a）的颜色值就可以了。例如，对社区中所有类名称为example的元素的子链接元素a更改连接颜色，您可以写下面的CSS：

example a {
    color: red;
}

如果想仅应用于深色模式，使用其独特的CSS类.page-dark，即

.page-dark example a {
    color: red;
}

这等价于

:is(.theme-fandomdesktop-dark, .theme-fandommobile-dark) example a {
    color: red;
}

--Natsunohikari（留言） 2023年10月10日 (二) 02:02 (UTC)