如何为元素设置继承特定的CSS

问题描述：

我查看了问题但找不到它。我想继承只有一个元素为<a>的CSS。例如。 div1 css或body css。但它设置了div2的css。如何为元素<a>设置继承特定的CSS。我试过{color：inherit}，{/ color /！important;}，{color：none;}。但它不起作用。如何为元素设置继承特定的CSS

body {color: red;} 
 
.div1{ color:yellow;} 
 
.div2{ color:blue;} 
 
a { /*color*/ !important; }

<body> 
 
    <div class="div1"> 
 
    <div class="div2"> 
 
\t <a>Test Test Test</a> 
 
     <p>bla bla bla<p> 
 
    </div> 
 
    </div> 
 
</body>

我完全不明白你的问题：你想要什么颜色的“”？ – Terry

'继承'直接从父元素继承样式。在这里有很多不同的选项可供选择，所以我已经投票决定将它视为*太宽泛*。如果你正在寻找一个特定的结果，那么请编辑你的问题来缩小你正在寻找的东西。 –

身体或div1的颜色 –

答

如果你不定义颜色p和a，他们通过为喜欢default.so你必须定义颜色值获取她的父母（蓝色）：a {color:red}或使用CSS variables这样：

body { 
 
    color: red; 
 
    --color:red; 
 
} 
 

 
.div1 { 
 
    color:yellow; 
 
} 
 

 
.div2 { 
 
    color:blue; 
 
} 
 

 
.div2 a { 
 
    color: var(--color) !important; 
 
}

<div class="div1"> 
 
    <div class="div2"> 
 
     <a>Test Test Test</a> 
 
     <p>bla bla bla<p> 
 
    </div> 
 
</div>

我不能改变身体的div，div1，div2。因为使用它们的元素太多 –

@HurelKöseer，你能改变HTML代码吗？ – Ehsan

我可以更改我的html代码。但我想改变元素CSS。 E.g- a {color：div1 color .......} –

答

With .div1 and .div2选择器是您定义html文档中特定类的行为;而是使用选择器a您正在定义中的所有标签的行为。
默认情况下，类选择为.div1或* .div2 *始终优先向通用标签选择作为一个是。
最后，您的文字是蓝色而不是红色，因为div2是div1的内部部分，因此div1的css规则将被div2覆盖。

我不太明白。你可以在html/css代码中显示我吗？ –

@HurelKoseer如果您无法更改为body，div1和div2定义的css规则，并且您应该考虑将** id **分配给您要与其他* div2 *元素不同的特定div2。因此，使用* id *选择器定义规则，可以覆盖div2的颜色规则，即＃particular_div2 { 颜色：黄色;/*或者你喜欢的每种颜色* } – HJuls2

@HurelKoseer另外，如果你不想修改你的样式表，你可以直接在html元素中编写样式规则。

...

。这样，您应该能够覆盖样式表中定义的颜色规则。 – HJuls2

如何为元素设置继承特定的CSS

相关推荐