css - 将颜色更改为博客标题的一种元素

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

Savannah's ❊ Secretaire

如何将中间符号的颜色更改为＃b32c20？我希望这些词保持黑色。如果能添加一个CSS代码，那将是非常棒的。

提前致谢。

最佳答案

如果您无法更改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>

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

关于css - 将颜色更改为博客标题的一种元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51032668/