什么是 @ 符号作为 CSS 选择器？ [复制]答案

【问题标题】：what is @ sign as a css selector? [duplicate]什么是 @ 符号作为 CSS 选择器？ [复制]
【发布时间】：2017-02-11 04:32:50
【问题描述】：

我在一个 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 选择器。

【问题讨论】：

关键帧是 css 的“函数”，就像媒体查询的
阅读the documentation 总是有用的。
旧的和好的谷歌搜索怎么样？？ :)

标签： javascript html css

【解决方案1】：

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

您那里的特定示例是keyframes at-rule：

让作者通过沿动画序列建立关键帧（或航点）来控制 CSS 动画序列中的中间步骤，在动画期间必须由某些点到达。

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

【讨论】：