Question

我确信之前已经提出过这个问题，但我已经搜索了一段时间无法找到答案 - 所以这里有：

假设我有一个某个类的div，在这种情况下我们可以称之为.nyg-section-darkblue，我希望任何H标签元素在嵌套在这个类的div中时显示某种颜色例如：这种颜色：＃19A5FF;

使用CSS实现此目的的最有效方法是什么？

我试过这个：

.nyg-section-darkblue h6,h3,h4 {color:#19A5FF;}

但似乎普遍选择H元素，而不仅仅是嵌套在＆＃34; nyg-section-darkblue＆＃34;类元素。

任何人都知道如何解决这个问题？

 <style>
  /*css*/
   .nyg-section-darkblue h6,h3,h4 {color:#19A5FF !important;}
  </style>


 <!-- html-->

 <div class="nyg-section-darkblue">

<h3>I want this to be color #19A5FF</h3>
<h4>I want this to be color #19A5FF</h4>
<h6>I want this to be color #19A5FF</h6>



</div>


<div class="nyg-section-white">

<h3>I dont want this to be #19A5FF</h3>
<h4>I dont want this to be #19A5FF</h4>
<h6>I dont want this to be #19A5FF</h6>



</div>

Answer 1

尝试

.nyg-section-darkblue h6, .nyg-section-darkblue h3, .nyg-section-darkblue h4 { ....

Answer 2

使用CSS选择器>选择子元素。您可以选择.nyg-section-darkblue这样的孩子：nyg-section-darkblue > a。

示例如下：

＆＃13;

.nyg-section-darkblue > a {
  color: #19A5FF;
}

a {
  color: red;
}

＆＃13;

<div class="nyg-section-darkblue">

  <a href="alink.html">Home</a>
  <a href="alink.html">About</a>
  <a href="alink.html">Products</a>
  <a href="alink.html">Contact</a>

</div>

<a href="alink.html">Home</a>
<a href="alink.html">About</a>
<a href="alink.html">Products</a>
<a href="alink.html">Contact</a>

＆＃13;

Answer 3

.nyg-section-darkblue h6，h3，h4 {color：＃19A5FF;}

与

相同

.nyg-section-darkblue h6 {color:#19A5FF;}
h3 {color:#19A5FF;}
h4 {color:#19A5FF;}

您必须定位特定div中的特定标头标记，您可以使用＆＃39;＆gt;＆＃39;选择

这是一个代码示例

＆＃13;

.asd{
    font-size:13px;
    color:green;
}
h2{
    font-weight:bold;
}
h4{
    font-family:cursive;
}
.asd > h2{
    color:red;
    font-size:18px;
}
.asd h4{
  color:cyan;
 }

＆＃13;

<div class="asd">
    <h3>hello</h3>
    <p>are you</p>
    <h2> reading this</h2>
    <div id="inner">
        <h4> ahaa</h4>
    </div>
</div>

＆＃13;

现在＆＃39;＆gt;＆＃39;选择器以h2和h3元素为目标，这些元素是父类的直接子元素。这里是来自w3schools http://www.w3schools.com/cssref/css_selectors.asp

的css选择器的链接

希望这会有所帮助

定位出现在某个类的div中的多个特定元素

3 个答案: