Question

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

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

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

Answer 1

如果您没有为p和a定义颜色，默认情况下它们会获得父级（蓝色）的值。因此，您必须为其定义颜色，如：a {color:red}或使用{ {1}}像这样：

CSS variables

body {
    color: red;
  --color:red;
}

.div1 {
    color:yellow;
}

.div2 {
    color:blue;
}

.div2 a { 
    color: var(--color) !important;
}

Answer 2

使用 .div1 和 .div2 选择器，您可以在html文档中定义特定类的行为;相反，使用选择器 a ，您可以定义所有标记的行为。
默认情况下， .div1 或* .div2 *的类选择器始终优先使用通用标记选择器作为 a < / em>是。
最后，你的文字是蓝色而不是红色，因为div2是div1的内部部分，所以div1的css规则将被div2覆盖。

如何为元素

2 个答案: