css - 将颜色更改为博主标题的一个元素

Question

我正在尝试进一步自定义我的博客标题。这是我当前的博客标题:

Savannah's ❊ Secretaire

如何将中间符号的颜色更改为#b32c20？我希望这些词保持黑色。如果我可以添加 CSS 代码，那就太棒了。

提前致谢。

Answer 1

如果您无法更改 HTML，您可以使用渐变来为文本着色，并且您可以将特定颜色应用于符号。

h1 {
  display:inline-block;
  background: linear-gradient(to right, black 48%,#b32c20 48%, #b32c20 60%,black 50%);
  background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

<h1>Savannah's ❊ Secretaire</h1>

渐变的值不是通用的，将取决于文本