如何让 CSS 选择以字符串开头的 ID(不是在 Javascript 中)? [英] How to get CSS to select ID that begins with a string (not in Javascript)?

问题描述

如果 HTML 有这样的元素:

If the HTML has elements like this:

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

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

How do I match all of those id's starting with "product"?

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

I've seen answers that do this exactly using javascript, but how to do it with only CSS?

推荐答案

[id^=product]

^= 表示以"开头.反之，$= 表示以"结尾.

^= indicates "starts with". Conversely, $= indicates "ends with".

这些符号实际上是从 Regex 语法中借用的，其中 ^ 和 $ 分别表示字符串开头"和字符串结尾".

The symbols are actually borrowed from Regex syntax, where ^ and $ mean "start of string" and "end of string" respectively.

有关完整信息，请参阅规范.

See the specs for full information.

这篇关于如何让 CSS 选择以字符串开头的 ID(不是在 Javascript 中)?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！