小编典典

如何让 CSS 选择以字符串开头的 ID(不是在 Javascript 中)?

all

如果 HTML 有这样的元素:

id="product42"
id="product43"
...

如何匹配所有以“产品”开头的 id?

我已经看到完全使用 javascript 执行此操作的答案,但是如何仅使用 CSS 来执行此操作?


阅读 107

收藏
2022-05-24

共1个答案

小编典典

[id^=product]

^=表示“开始于”。反之,$=表示“以”结尾。

这些符号实际上是从 Regex 语法中借来的,其中^$分别表示“字符串开头”和“字符串结尾”。

有关完整信息,请参阅规格

2022-05-24