所以我有這樣的元素

<div data-key="test"></div>
<div data-key="test_1"></div>
<div data-key="test_1_2"></div>

我可以寫下面的CSS來應(yīng)用一些樣式

div[data-key*="_"]{color:red;}

由于這個CSS，test_1和test_1_2中的文本將顯示為紅色。

我需要弄清楚的是，如何對有更多下劃線的其他元素應(yīng)用不同的樣式。例如，我可以將test_1_2設(shè)置為藍色。

data-key屬性中的值始終采用以下格式:

試驗 測試_1 測試_1_2 測試_1_2_3 下劃線從不出現(xiàn)在開頭或結(jié)尾。

在您描述的情況下，此代碼將為您工作: div[data-key * = & quot；_ 1 _ & quot】{顏色:紅色；} 這不會捕捉任何兩個下劃線，只捕捉序列& quot_ 1 _ & quot，但也許對你的要求已經(jīng)足夠了。