html - 如何使用数据选择为元素添加颜色

标签 html css custom-data-attribute

当用户点击一个选项来选择它时,data-selected 属性会添加到 .item 中。我如何设计 .item DIV 的这种状态并给它一个边框颜色。

我试过了,但是好像不行

div[data-selected=".item"]{ 边框颜色:#333; }

最佳答案

像这样添加样式

div.item[data-selected] {
  border: 2px solid #333;
}

div.item[data-selected] {
  border: 2px solid #333;
}
<div class="item" data-selected="">
  ABC
</div>

关于html - 如何使用数据选择为元素添加颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56734022/

相关文章:

jquery - 检查数据属性是否存在但没有值

javascript - HTML 拖动事件不会在 Firefox 中触发

javascript - 获取给定元素的每个 CSS 属性和 HTML 属性

html - 可以在同一页面上使用多个 h1 标签,但设置不同的样式吗?

css - 为什么 div 不采用其最近父级的宽度?

javascript - 如何检测 HTML5 data-* 属性是否具有空字符串作为值?

JQuery .data() 不起作用?

javascript - 准确检测浏览器是否支持平滑滚动?

html - SQL语句用多个where条件更新多列

javascript - 当您键入时文本字段发生变化时更改跨度