我可以使用CSS更改内联数据属性（数据视差）的值吗？

Question

在Wordpress网站上，我想关闭某些页面的主题视差效果。我不确定使用的是哪个库，我更喜欢通过CSS进行使用。代码是：

<div id="primary" class=" page-header header-small" data-parallax="active" style="transform: translate3d(0px, 0px, 0px);">...</div>

所以我的猜测是，我将能够以覆盖内嵌[style]的相同方式定位“活动”：

.page-child #primary[data-parallax] {
content:'none';
}

这没有用，所以我更简单了

.page-child #primary[style] {
transform: none;
}

我对未来的问题是–是否有一种CSS方式来定位数据值？

Answer 1

要使用div属性专门设置为data-parallax的{​​{1}}元素为目标，并关闭"active"转换，请使用以下代码：

translate3d

---

一般来说，要回答您的问题，以下是可用的属性选择器，可用于定位元素：

[data-parallax="active"] {
  transform: translate3d(0);
}

Answer 2

答案是是

Css使我们可以根据分配给数据属性的值来操作CSS。 话虽这么说。这是您可以用来实现它的示例。

[data-parallax="foo"] //Where value is exactly foo