时间戳

首页 > 解决方案 > CSS 选择器到目标数据属性

html - CSS 选择器到目标数据属性

问题描述

我有以下 HTML 行：

<div data-component-id="12345" class="component" data-component-status="operational">

是否可以将其data-component-id用作 CSS 选择器？

我想为这个 div 添加一个 CSS 代码，例如：{display: none}

标签： htmlcss

解决方案

您可以为此使用属性选择器[]

div[data-component-id="12345"] {
  background-color: red;
}
<div data-component-id="12345" class="component" data-component-status="operational">
  Demo
</div>

推荐阅读