能否用 CSS 定位特定样式？

[TheDarkWizard]

@awesomerobot

是的，在 CSS 中通常可以依赖 特异性。如果你不熟悉 CSS，简单来说就是：如果你有一堆样式针对同一个元素，那么更具体的样式会生效。

<div class="custom-container">
  <a class="custom-link">链接在此</a>
</div>

因此，你需要检查的是：你试图修改的组件中的元素（或其父元素）是否在某个地方拥有唯一的类名……例如：

以上述示例为例，可以是 .custom-link，或者如果元素本身没有直接的类名，则利用父元素如 .custom-container a。如果组件中的样式最初定义为 .custom-link，你可以通过更具体地 targeting a.custom-link 来确保它被覆盖。

如果组件中没有任何唯一的类名，你也可以使用插件出口容器。当在自定义中使用插件出口时，容器会添加一个自定义类名。再次以样式化链接为例，这可能看起来像 .above-site-header-outlet.brand-header a，其中“brand-header”是从组件添加的模板名称。

最坏的情况下，如果你找不到简单的方法来样式化你需要的内容，也可以请创建该组件的人添加一个类名。

非常感谢，这确实很有帮助。

@awesomerobot

如果你能提供一个来自你试图样式化的组件的具体示例，那会更好。

举个例子，我安装了 Graceful 的实例。https://meta.discourse.org/t/a-graceful-theme-for-discourse/93040，我现在意识到这是你作为之前风格的延续而发布的。

在我的通用主题组件中，我做过诸如上传背景资源、更改点赞按钮以及其他一些事情，但我意识到我想更改使用深色调色板的背景颜色，而不会影响使用浅色调色板的版本。

确切地说，就是这一行：

background-color: $primary-very-low;

现在，我想尽可能在一个主题组件中完成所有操作，因为从技术上讲它们是相同的样式，直到像这样的小问题出现，而这些并不是通用的更改。如果可能的话，我不想不得不创建一个“深色”组件和一个“浅色”组件。

这里的目标是除了调色板调整外，保持 Graceful 原样不动，所有操作都从我们自己的组件中完成，这样当你或其他人推送更新时，我们就不需要不断重新应用我们的修改。

我注意到 Discourse 非常注重变量，这让我很喜欢，阅读主题指南一直是一种享受。我注意到像 [data-topic-id="117"] 这样的选择器存在，所以也许可以提出类似 [data-theme-id] 的想法？