我有两个css类,我想忽略内部类的CSS?

时间:2015-05-27 08:04:07

标签: css

<div class="style1"> 
<h3 class="style2">Text</h3>
</div>

我想在h3上使用style1或使用class style1

在div中强加任何内容

2 个答案:

答案 0 :(得分:0)

试试这个:

.style1, .style1 h3 {
   color: red;
   font-size: 2em;
   margin: 0;
   padding: 0;
}

或者,如果你有 h3.style2 {} 这样的风格 只需将importatn添加到要覆盖的样式规则中。

像:

.style1, .style1 h3 {
   color: red !important;
   font-size: 2em;
   margin: 0 !important;
   padding: 0;
}

或者你想要的造型。

您也可以使用 .style1 * {} 执行此操作,并对要覆盖的每个规则使用!important。

答案 1 :(得分:0)

.style1 > * {}将适用于直接在其中找到的任何元素。

演示https://jsfiddle.net/b2hn989d/