Question

我目前正在尝试制作动画来更改[attribute = value]可以访问的属性，如下所示：

.test {
Animation: someAnimation 5s infinite;
}
@keyframes someAnimation{
    20% {someAttribute: someValue;}
    40% {someAttribute: someValue;}
}
.test[someAttribute=someValue]{
background-color: red;
}

如果有的话，SomeAttribute是什么？

注意：我正在通过访问SomeAttribute

来明确寻找要更改的背景色

Answer 1

您可以使用属性来定位CSS中的元素，但是可以对其进行更改。为此，您需要使用javascript。

.test-element {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
  width: 100px;
  height: 100px;
}

[data-pickMe="true"] {
  background-color: salmon;
}

<div class="test-element" data-pickMe="true">Test</div>

属性可以通过动画更改，并且可以通过[attribute = value]访问

1 个答案: