什麼CSS選擇器根據屬性值查找元素，而不考慮屬性名稱？

例如，在下面的元素中，無論屬性的名稱如何，選擇器都會找到值爲「value2」的所有內容？什麼CSS選擇器根據屬性值查找元素，而不考慮屬性名稱？

<div data-name1="value1"></div> 
<div data-name2="value2"></div> 
<div data-name3="value2"></div> 
<div data-name4="value1"></div>

來源

2015-10-23 adam rowe

沒有這樣的CSS選擇器。屬性值選擇器需要一個特定的屬性來查找。您可能可以使用JS/jQuery來掃描所有dom元素及其屬性，並且如果元素具有值爲「value2」的任何屬性，則會爲其添加一個特定的類，然後您可以根據自己的需要創建樣式。但是這種方法可能效率很低 - 我建議你嘗試改變你的標記。 – HaukurHaf

您是否嘗試過使用js來查找「value2」的所有內容，然後向每個可以使用css樣式的元素添加特定的類？ – Meg

根據以上2條評論，在我的情況下，可能會更容易改變我生成標記的方式。它讓我想知道CSS是否可以做到這一點，但。 –

我可以建議有一個特定的屬性，然後搜索該特定的屬性值嗎？

HTML

<div data-name="value1"></div> 
<div data-name="value2"></div> 
<div data-name="value2"></div> 
<div data-name="value1"></div>

CSS

[data-name^='value2'] { 
    background-color:red; 
}

來源

2015-10-23 18:33:39

我想要針對特定值的東西，而不管屬性名稱。 –

嗯，你可能不得不考慮超過HTML和CSS然後。 –

什麼CSS選擇器根據屬性值查找元素，而不考慮屬性名稱？

回答

相關問題