属性通过动画变化，并通过[attribute = value]获得属性

Question

我当前正在尝试制作一个动画，该动画会更改一个可以通过[attribute = value]访问的属性，例如：

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

如果有的话，

将是什么？

注意：我明确寻找通过访问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>