CSS：css选择器中的通配符

Question

我试图定位一些特定的禁用文本框来改变文本的颜色。 ID的格式为：

id="jc-cr-lmid-Total-1-RangeFr"

根据屏幕上的文本框数量，数字从1-5变化。

有没有办法在保留选择器的-RangeFr部分的同时为数字插入通配符？

我试过了：

id*=["jc-cr-lmid-Total-*-RangeFr"]:disabled{
  //Change text color
}

但这没效果

Answer 1

是的，有点;你可以使用带有符号的attribute-starts-with和attribute-ends：

[id^="jc-cr-lmid-Total-"][id$="-RangeFr"]:disabled{
  //Change text color
}

但请注意，这允许所需的开始和结束之间的任何字符序列，因为CSS没有正则表达式的概念，所以它匹配：

• id="jc-cr-lmid-Total-1-RangeFr"
• id="jc-cr-lmid-Total-1000-RangeFr"
• id="jc-cr-lmid-Total-anyOtherSequenceOfCharacters-RangeFr"

说实话，你最好只使用一个类，这样会更加简单和可靠。

参考文献：

• CSS attribute selectors。