前几天我试图回忆起 CSS 术语中某个东西的名称。 这让我想到，我们应该在 CSS-Tricks 上有一个参考，毕竟作为一个标题包含 CSS 的网站，应该拥有这样的参考！ 因此，这里有一些基础知识。
分解一下……
- 整个内容 称为 规则集。
- 花括号及其内部的所有内容称为 声明块。
- 开花括号之前的部分称为 选择器。
- 每个键/值对，由冒号分隔并在分号处结束，称为 声明。
- 在这些键/值对中，键称为 属性（或属性名称），值称为 值（或属性值）。
Marco Biedermann 曾经用 HTML 和 CSS 本身创建了这张图，我认为它非常巧妙
查看 CodePen 上 Marco Biedermann (@marcobiedermann) 编写的笔 CSS 术语。
“整个内容”称为规则集，那么为什么声明不称为规则呢？
我认为，称为声明块的内容应该称为规则集。规则集应用于选择器。规则集中包含由属性和值组成的规则。
选择器是规则集的一部分吗？
声明实际上称为规则；它们是一种规则。还有其他类型的规则，例如 @规则（@import 等）。所以它是有效的，只是稍微不太精确。
我以前从未听说过“规则集”这个术语。但是 CSS 2.1 可互换地使用了“规则集”和“规则”
更新的 CSS 规范 将名称标准化为“规则”。
选择器 + 声明块是一种类型的 CSS 规则。具体来说，它是“CSS 样式规则”。这是为了将其与其他类型的 CSS 规则区分开来，即 @规则。@规则和样式规则都实现了 DOM 中的
CSSRule接口（从技术上讲，是 CSSOM）。它是否真的会影响您日常的编码？除非您使用 CSSOM 接口，否则不会。但我认为 Chris 这篇文章的主要观点是，在讨论编程语言时，使用一致的术语很有帮助。这些词可能是虚构的和任意的，但了解它们的意思很有帮助。
附注 Chris：是否可以详细说明其他术语（如 @规则等）并将它们添加到年鉴中？
这可能是因为 CSS 声明并不总是严格遵守。也就是说，其他声明可以覆盖它们，这似乎会破坏它们作为严格规则的本质。它们更像是建议，其中最具体的建议优先。根据定义，规则总是应该被遵守。
至少，这是我的猜测。
我一直很喜欢这个……
似乎无论我多少次查看这些图表，在与他人交谈时我总是忘记 CSS 术语！也许应该在小臂上纹一个？#奉献
您也可以上升一个级别到样式表和……样式表？
我最近在写关于 @media 的内容，但不确定该怎么称呼它。“@media 规则”？我搜索了一下，发现它最常被称为“@media 指令”。