仅当文本等于 X 时应用 css

Question

我有一个这样的链接：

<h1>
    <a href="#">Title 001 - Stuff</a>
</h1>

我只想设置“Title 001”的样式。可以创建一个 css 规则来做到这一点吗？我不记得我以前是怎么做的，我想大概是这样的：

h1 a[text="Title 001"]

但这不起作用

然后...然后我想知道是否可以使用“Title XXX”来做到这一点，其中 XXX 是动态数字。

Answer 1

您无法按内容进行选择，但可以使用属性（就像您几乎已经做的那样）。

<h1>
    <a href="#" data-content="Title 001 - Stuff">Title 001 - Stuff</a>
</h1>

a[data-content="Title 0001 - Stuff"] {
    color: red;
}