时间戳

首页 > 解决方案 > CSS 继承或共享属性（CSS 中的类继承）

html - CSS 继承或共享属性（CSS 中的类继承）

问题描述

所以我在这里查看了 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>

但是，这似乎不起作用。我在这里做错了什么？

标签： htmlcssinheritance

解决方案

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

[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>

推荐阅读