时间戳

首页 > 解决方案 > 如何在 CSS 中进行继承？

css - 如何在 CSS 中进行继承？

问题描述

我有以下问题：

我在 css 类中有一个具有给定样式的字体：

.font_arial_36 {
    font-family:Arial;
    font-size:36px;
}

现在我有一个 css 可以在给定的情况下给我一个 div 的大小：

.a_div_test {
    width:300px;
    max-width:350px;
}

我希望 a_div_test 具有 font_arial_36 的属性，例如继承。

类似于（仅发布我想要的内容是错误的）：

.font_arial_36 {
    font-family:Arial;
    font-size:36px;
}

.a_div_test extends font_arial_36 {
    width:300px;
    max-width:350px;
}

现在 .a_div_test 也应该有 font_arial_36 属性。

可以用css吗？

PS：我不想像这样向 Html 元素添加多个类：

<div class="font_arial_36 a_div_test"></div>

因为我应该在 .a_div_test 出现的许多地方重写我的代码。

标签： cssinheritance

解决方案

这在 CSS 中是不可能的。您所做的是将 2 个类分配给您想要的元素。

<div class="font_arial_36 a_div_test"></div>

推荐阅读