CSS继承或共享属性(CSS中的类继承)

Question

所以我在这里研究了CSS是如何“共享”它的属性的：https://stackoverflow.com/a/199719/13707884

这是在2008年写的，所以我想也许CSS现在允许继承&果然这里有一篇关于它的文章：https://coderwall.com/p/lqjd1w/css-class-inheritance-in-css

因此，我正在尝试“coderwall”上的链接中提到的代码：

​

[class*=“row-“] {
  border: 5px solid lightskyblue;
}

.row-1 {
  color: blue;
}

.row-2 {
  color: darkred;
}

<div class="row-1">AAA</div>
<div class="row-2">AAA</div>

​

然而，这似乎不起作用。我能做错什么呢？

Answer 1

第一个选择器中的引号无效。

​

[class*="row-"] {
  border: 5px solid lightskyblue;
}

.row-1 {
  color: blue;
}

.row-2 {
  color: darkred;
}

<div class="row-1">AAA</div>
<div class="row-2">AAA</div>

​