CSS：转换元素的伪选择器答案

【问题标题】：CSS: pseudo selector for transformed elementsCSS：转换元素的伪选择器
【发布时间】：2015-07-21 15:33:28
【问题描述】：

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

div:transformed{
 color:red;
}

【问题讨论】：

简单地说..没有。没有，据我所知，没有任何预期或建议。
如果您告诉我们您需要这个做什么，也许我们可以帮助您找到替代方案？

标签： css css-selectors css-transforms pseudo-class

【解决方案1】：

没有这样的伪选择器。以下 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);
}

&lt;div&gt;Text&lt;/div&gt;

【讨论】：

虽然我希望有一个纯 css 解决方案，但这种临时 javascript 方法到目前为止解决了我的问题。非常感谢。

【解决方案2】：

不，没有这样的选择器。

【讨论】：