Question

我在css文件中看到了这个：

@-webkit-keyframes loading-spinner-anim {
  0% { opacity: 1}
  100% {opacity: 0}
}
@keyframes loading-spinner-anim {
  0% { opacity: 1}
  100% {opacity: 0}
}

这些选择器意味着什么？

@keyframes它不是类或ID选择器。

loading-spinner-anim - 空格意味着它是第一个选择器的子元素。但它不是一个类或id选择器。

Answer 1

它们根本不是选择器。它们是at-rules并且有许多不同的用途。

你在那里的特定例子是keyframes at-rule：

允许作者通过在动画期间按照某些点必须达到的动画序列建立关键帧（或路标点）来控制CSS动画序列中的中间步骤。

其他at-rules包括@import用于加载外部样式表，@charset用于指定样式表使用的字符编码，@media用于限制何时应用规则集的集合。< / p>

什么是@ sign作为css选择器？

1 个答案: