在 CSS 中使用对象引用

Question

我想在CSS中创建一个引用对象，这样我就可以在其他样式表中使用相同的对象。例如，我正在声明一个 CSS 对象名称，如 .my-bg{color :#B92241;} 。在我的另一个 CSS 中，如果我引用类似 my-bg.color 的内容，则应该应用 CSS 中定义的颜色。简而言之，每当我更改 class my-bg 中的属性时，它应该反映所有引用属性名称的 CSS。我是 CSS 的新手，如果我用错了术语，请原谅。

Answer 1

你不能在纯粹的 CSS 中做到这一点。但是，您可以使用 CSS 预处理器以两种方式执行此操作，例如 SASS or LESS.

您可以声明变量：

$font-stack:    Helvetica, sans-serif;
$primary-color: #333;

body {
  font: 100% $font-stack;
  color: $primary-color;
}

..或者使用 mixins:

@mixin border-radius($radius) {
  -webkit-border-radius: $radius;
     -moz-border-radius: $radius;
      -ms-border-radius: $radius;
          border-radius: $radius;
}

.box { @include border-radius(10px); }

在 CSS 中使用对象引用

Using object reference in CSS

css

oop

inheritance

reference

colors