CSS中名词“样式”的定义是啥？

Posted 2023-02-27

【中文标题】CSS中名词“样式”的定义是啥？

【英文标题】：What is the definition of the noun "style" in CSS?CSS中名词“样式”的定义是什么？

【发布时间】：2019-12-15 06:22:34

【问题描述】：

名词“style”（复数“styles”）在 CSS 上下文中的确切含义是什么？

我查看了一些术语/词汇表页面，但它们似乎没有涵盖这个词：

https://css-tricks.com/css-ruleset-terminology/ http://nimbupani.com/css-vocabulary.html https://www.impressivewebs.com/css-terms-definitions/ https://developer.mozilla.org/en-US/docs/Web/CSS/Syntax https://www.hongkiat.com/blog/css-back-to-basics-terminology-explained/ https://www.codecademy.com/articles/glossary-css

---

这是我正在寻找的术语定义示例：

选择器 选择器是 CSS 行的一部分，它使用属性/值对选择要定位的元素。在下面的示例中，“#container #box”是选择器：

/* the selector is everything on the first line */
/* excluding the opening curly brace */
#container #box 
  width: 200px;

【问题讨论】：

这是与编程有关的吗？我不认为这样的问题属于 SO

@TemaniAfif 我认为术语是一个非常有效的编程主题。另外 - 我环顾四周，发现了许多其他与术语相关的问题（请参阅***.com/questions/tagged/terminology），包括知名成员提出的非常相似的问题：***.com/questions/1120264/…

我知道术语是一个有效的话题，理解某些单词的含义对于正确编写 CSS 代码很重要（比如了解 块格式上下文 和包含块）但不确定是否是这种情况。 （PS：您链接到 10 年前提出的问题..）

“Style”和“styles”是非常常见的术语，很难为它们找到一个好的定义。我相信这足以提出这个问题。

【参考方案1】：

我得到的最接近答案的是“样式”指的是声明：

.a 
/*┏━━━━━ Style aka Declaration ━━━━━━┓ */
  background-color: mediumspringgreen;

因此“样式”指的是多个声明。

我基于口语用法：

属性：应用到选择器的样式，例如边框。 选择器：声明样式应应用于哪些元素的方式。

参考：http://nimbupani.com/css-vocabulary.html

---

具有“导航”类的元素将接收声明的样式。

参考：https://www.impressivewebs.com/css-terms-definitions/

---

div[attrib^="1"] /* 这里的样式 */

参考：https://www.hongkiat.com/blog/css-back-to-basics-terminology-explained/

另一种定义似乎是指“文档样式”或“全局样式”，如the CSS1 Spec，尽管这并不常见：

CSS1 是一种简单的样式表机制，允许作者和读者将样式（例如字体、颜色和间距）附加到 HTML 文档。

【讨论】：

一个声明可以包含多个样式。 （即border: 1px solid black; 是一个声明，但包含 3 种样式。）

因此，例如，可能会发生三种样式中的一种被覆盖的情况。 （即border-width: 2px;）

@F***Barney 这是一个很好的观点，你能把它作为答案发布吗？