css - 为类添加CSS

Question

我有来自示例的原始 CSS CSS:

a.blink, a:hover.blink {
    color: white;
}

span.blink {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% { opacity: 0; }
}

<span style="background-color: red" class="blink">
    <a href="./?np&id={$i->id}" target="_blank" class="blink">
        #{$i->id}
    </a>
</span>

如何将这种样式用于“记录”类？

  <div class="records">
     <a class="blink" href="index.php?id=494172" target="_blank">#494172</a> 
  </div>

还有我的测试 CSS

div.records a.blink, div.records a.hover.blink {
    color: white;
}

Answer 1

你应该将它添加到你的 CSS 中:

.records .blink,
.records .hover.blink {
  color: white;
}

.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 1;
    background-color: red;
  }
}

这是它在 jsfiddle 上的样子:https://jsfiddle.net/um9a0L7d/1/