（OOP 技术）继承与接口 --- 相同的概念？--- （CSS 技术）样式标签与样式类？

Question

原谅那个疯狂的标题...

我试图理解面向对象编程中继承与接口的概念。所以我试图将它与我已经知道的东西联系起来，那就是 CSS。

在 CSS 中，您可以选择在允许元素“继承”样式的层次结构中设置样式：

（像 OOP 中的继承？）

    a   { color:red; text-decoration:underline; }
    p   { background:black; color:white; padding:20px; } 
    img { background:silver; padding:2px;  } 

或者，使用 .class 样式（这是一个更好的做法）：

    .main-links      { color:red; text-decoration:underline; } 
    .main-paragraphs { background:black; color:white; padding:20px; }
    .main-images     { background:silver; padding:2px;  } 

（类似于 OOP 中的接口？）

我的问题是：

CSS 中的这个概念是否类似于继承与接口（针对 OOP）？还是我的想法完全错误。

Answer 1

如果将 OOP 与 CSS 进行比较，您会发现可以将接口与样式进行比较，但 CSS 中没有继承。

OOP 中的接口几乎就像将类应用于元素一样。就像您可以向一个元素添加多个类以组合不同的外观一样，您可以向一个类添加多个接口以组合不同的行为。

如果你在 CSS 中有继承，它会是这样的：

.main-links { color: red; }

.info-links { @inherits: .main-links; font-weight: bold; }

这里的一个规则将继承另一个规则，因此您可以只将类 info-links 应用到一个元素，以获得 main-links 的实现。

（当然这在 CSS 中是行不通的，因为规则没有名称，只有选择器，选择器甚至不必是唯一的，因此它们不能用于标识规则。）

Answer 2

简答：你有完全错误的想法。 绝对没有办法可以使用 CSS 向您解释 OOP 继承/接口。

继承和接口是编程概念（非常基本的设计模式），而 CSS 不是编程语言（不是图灵完备的）。

网上有很多非常易于理解的教程/文章，可以让您很好地理解这两个概念。我建议你阅读它们。

编辑：嗯，再想一想，也许，只是也许，继承可以有点用 CSS 来解释。就像 CSS 中的样式属性级联一样，类方法和属性“级联”到派生类。但是，您最好阅读介绍性教程，而不是尝试通过 CSS 理解这些概念。