CSS：转换元素的伪选择器

Question

是否有（未来的）伪选择器来获取已被 css 转换属性转换的元素？我想到了这样的事情：

div:transformed{
 color:red;
}

Answer 1

不，没有这样的选择器。

Answer 2

没有这样的伪选择器。以下 javascript 代码可能符合您的目的：

var element = document.querySelectorAll('div');
for (i = 0; i < element.length; i++) {
  var value = window.getComputedStyle(element[i]).getPropertyValue("transform");
  if (value != "") //Or suitable comparator
  {
    element[i].style.color = "red";
  }
}

div {
  transform: translateX(10px);
}

<div>Text</div>

CSS：转换元素的伪选择器

CSS: pseudo selector for transformed elements

css

css-selectors

pseudo-class

css-transforms