Question

我只是想知道它是否可能通过它的属性来定位具有CSS的元素。例如，我可以定位current_room，其值为1，仅使用CSS吗？

<body id="id-43" current_room="1">&nbsp;</body>

我尝试了这个，但没有一个有效：

body[attribute = value]

body[current_room = 1] {
   pointer-events: none;
}

我不想仅针对提出该建议的任何人定位id，我有我的理由。

Answer 1

你的最后一个选择器几乎是正确的，你只需要删除空格，因为body实际上拥有该属性，并将值包装在引号中：

＆＃13;

body[current_room="1"] {
  background-color: #DCC;
}

＆＃13;

<html>
  <body current_room="1"></body>
</html>

＆＃13;

然而应该注意current_room不是body元素的有效属性，因此会使您的HTML无效，这可能会对某些内容产生无法预料的影响浏览器。使用data-*属性可以解决此问题。