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

是，排序的;您可以使用屬性開始，與和屬性兩端，用符號：

[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。