也可以在現(xiàn)代瀏覽器中選擇屬性,而不考慮其內(nèi)容。
使用以下程式碼:
[data-my-attribute] { /* 樣式 */ } [anything] { /* 樣式 */ }
例如:http://codepen.io/jasonm23/pen/fADnu
#適用於大部分瀏覽器。
請(qǐng)注意,這也可以在JQuery選擇器中使用,或使用document.querySelector
。
如果您是指使用屬性選擇器,當(dāng)然可以:
[data-role="page"] { /* 樣式 */ }
有各種各樣的屬性選擇器可用於不同的場(chǎng)景,這些場(chǎng)景都在我提供的文件中有詳細(xì)介紹。請(qǐng)注意,儘管自訂資料屬性是一個(gè)“新的HTML5功能”,
瀏覽器通常沒有問題支援非標(biāo)準(zhǔn)屬性,因此您應(yīng)該能夠使用屬性選擇器進(jìn)行過濾;並且
您也不必?fù)?dān)心CSS驗(yàn)證,因?yàn)橹灰黄茐倪x擇器語法,CSS不關(guān)心非命名空間屬性名稱。