以數據屬性為目標的 CSS 選擇器
[英]CSS Selector to target Data attribute
問題描述
我有以下 HTML 行：
<div data-component-id="12345" class="component" data-component-status="operational">
是否可以將data-component-id用作 CSS 選擇器？
我想為這個 div 添加一個 CSS 代碼，例如： {display: none}
1 個解決方案
解決方案1
5 已采納 2020-01-23 13:54:30
您可以為此使用屬性選擇器[]
div[data-component-id="12345"] { background-color: red; }
<div data-component-id="12345" class="component" data-component-status="operational"> Demo </div>
CSS選擇器定位到沒有任何屬性的標題
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.