css - 在 CSS 中使用对象引用

标签 css oop inheritance colors reference

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

最佳答案

您不能在纯 CSS 中执行此操作。但是,您可以使用 CSS 预处理器以两种方式执行此操作,例如 SASSLESS .

您可以声明变量:

$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 - 在 CSS 中使用对象引用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28672390/

相关文章:

html - 在悬停过渡时创建 css3 模糊

Java货币转换器秉承OO(面向对象)原则

javascript - 原型(prototype)继承设置

c++ - 在派生类中强制执行 protected 构造函数

css - 不在页面顶部时隐藏工具栏组件

javascript - Sticky div - 在某个点停止滚动

java - 创建许多对象类型/类只是为了使用 instanceof

javascript - Javascript 中的继承

div中的CSS自定义滚动条

java - 为什么我的输入中出现这样的空值