css - 如何从CSS ID规则继承属性到CSS类?

标签 css inheritance

我有一个CSS类规则:

.test{ text-align:center; font-family:Verdana; }


而且我想创建另一个id规则(希望通过“ id rule”调用是正确的):

#divNew1{ color: Red; }
#spanNew2{ color: Green; }
#pNew3{ color: Yellow; }


我有很多div元素。我只想通过更改css文件将.test类的属性传递给其他元素。这就是为什么我不想将class属性添加到div元素。下面的html代码:

<div id="divNew1">Ta ta taaaaa</div>
<span id="spanNew2">Ta ta taaaaa</span>
<p id="pNew3">Ta ta taaaaa</p>


但是我想通过使用继承将.test类属性添加到#divNew类中,并且我不想像上面那样将class属性添加到div中。
有什么办法吗?

最佳答案

只需在最上面的声明中包含ID类,任何属性的最后一个声明就获胜。例如。如果第一个规则具有color: Green;,则.test将为绿色,而#divNew仍将为红色。

.test, #divNew{ text-align:center; font-family:Verdana; }
#divNew{ color: Red; }

关于css - 如何从CSS ID规则继承属性到CSS类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2147571/

相关文章:

html - Angular 占位符图像和文本

javascript - 我怎样才能像这样 : https://riot. design/en/对导航栏中的元素进行动画处理?

java - 如何使用继承和构造函数使用 1 个具有 2 个不同大小的数组

c# - 通过包装类覆盖类方法

javascript - 如何使用 jquery 更改输入文本背景图像

html - 裁剪图像并显示所有具有相同高度的图像

javascript - CSS:将 div 水平设置为 2 行

javascript - 在 Javascript 中扩展(继承)类(或对象)

java - 覆盖访问私有(private)成员的公共(public)方法

c++ - operator= 在子类中