我怎样才能将css id规则中的属性继承到css类?

uza*_*y95 2 css inheritance

我有一个css类规则:

.test{ text-align:center; font-family:Verdana; }
Run Code Online (Sandbox Code Playgroud)

我想创建另一个id规则(我希望通过"id规则"正确调用):

#divNew1{ color: Red; }
#spanNew2{ color: Green; }
#pNew3{ color: Yellow; }
Run Code Online (Sandbox Code Playgroud)

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

<div id="divNew1">Ta ta taaaaa</div>
<span id="spanNew2">Ta ta taaaaa</span>
<p id="pNew3">Ta ta taaaaa</p>
Run Code Online (Sandbox Code Playgroud)

但我想通过使用继承将.test类属性添加到#divNew类,我不想像上面那样将div属性添加到div.有没有办法做到这一点?

Nic*_*ver 8

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

.test, #divNew{ text-align:center; font-family:Verdana; }
#divNew{ color: Red; }
Run Code Online (Sandbox Code Playgroud)

  • 您知道面向对象的继承,如下所示:“class NewClass : OldClass”或在java中“class NewClass extends OldClass”。有什么办法可以做到这一点吗? (2认同)