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

Posted 2023-02-24

【中文标题】什么是 @ 符号作为 CSS 选择器？ [复制]

【英文标题】：what is @ sign as a css selector? [duplicate]

【发布时间】：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 总是有用的。

旧的和好的谷歌搜索怎么样？？ :)

【参考方案1】：

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

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

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

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