Css为特定类设置h2到h6的属性

Question

我在div个不同的代码中有一个<h>。

我想将所有<h>代码中的所有<div class="cnt"> <h1>Some Text.</h1> <h2>Some Text.</h2> <h3>Some Text.</h3> <h4>Some Text.</h4> <h5>Some Text.</h5> <h6>Some Text.</h6> </div> h2 h3 h4 h5 h6 .cnt { font-size:16px; font-weight:700; } 代码专门应用于类cnt ON 。

目前我正在使用以下CSS但没有成功...任何想法我做错了什么以及如何解决它？

{{1}}

Answer 1

.cnt h2, .cnt h3, .cnt h4, .cnt h5, .cnt h6 {
    font-size:16px;
    font-weight:700;
}

阅读css specificity

Answer 2

.cnt h1, .cnt h2, .cnt h3, .cnt h4, .cnt h5, .cnt h6 {
  font-size:16px;
  font-weight:700;
}

Answer 3

captainclam有正确的答案，但只是让你了解它为什么不起作用，以下选择器：

h2 h3 h4 h5 h6 .cnt

代表如下内容：

<h2><h3><h4><h5><h6><div class="cnt"></div></h6></h5></h4></h3></h2>

（任何具有类cnt的东西都可以放在h6中以供它申请）

@Ross，它与特异性无关;选择器错了。

Answer 4

试试这个：

div.cnt h1, div.cnt h2, div.cnt h3, div.cnt h4, div.cnt h5, div.cnt h6 
{
    /* ... */
}