是否可以使一个CSS类"继承"自另一个(或多个)CSS类.

例如,假设我们有:

.something { display:inline }
.else      { background:red }

我想做的事情是这样的:

.composite 
{
   .something;
   .else
}

其中,".Composite"类将以内联方式显示,并且具有红色背景

推荐答案

有像LESS这样的工具,它们允许您在更高的抽象级别上编写CSS,类似于您所描述的.

更少的人称这些"混血儿"为"混血儿"

而不是

/* CSS */
#header {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

#footer {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

你可以说

/* LESS */
.rounded_corners {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

#header {
  .rounded_corners;
}

#footer {
  .rounded_corners;
}

Css相关问答推荐

如何将div与图像维度进行zoom ?

如何防止背景重复图像被截断

视频覆盖不适用于reactjs样式的组件

如何在页面顶部创建固定横幅,并在其下方设置滚动条?

使用SVG以竖排书写模式创建渐变文本时,文本显示异常

如何更改Swiper Navegation默认 colored颜色

Z Index 复杂性 - 如何将组件放置在 div 内部以相对于其级别外部的组件具有更高的 z-index 值?

基于高度的容器查询不起作用

为什么所有选项卡都没有显示在 React 的 MUI 选项卡组件中?

问题定位位置:Tailwindcss 中的绝对元素

在 SVG 元素上方添加标签而不移动 SVG 元素

在 SVG 元素上方添加标签而不移动 SVG 元素

普通流,流布局,块和内联布局有什么区别?

对齐视图中的复选框(RN)

滚动到该 div 后如何使 div 固定?

Angular 5 在某些类中添加了ng-star-inserted - 那是什么?

在 Firefox 中删除额外的按钮间距/填充

填充剩余的垂直空间 - 仅 CSS

你如何在 SASS 中定义属性 Select 器?

bootstrap 关闭响应菜单点击