我只是想将这种类型的CSS类应用于p元素。是的,我正确地引用了外部样式表。

.no_curators_followed .no_curators_ctn p {
    color: #c6d4df;
    font-size: 17px;
}


但是,当我尝试时没有任何效果...

<p class="no_curators_followed no_curators_ctn p">HELLO WORLD</p>

最佳答案

编写class1 class2 class3 { styles }时,您要选择class3元素,该元素是class2的子元素,而class1<p class="class1 class2 class3">的子元素。您没有选择所有这三个类的元素。

要在CSS中选择元素.class1.class2.class3,您应该编写.(不带空格)



.class1.class2.class3 {
  color: red;
 }

<p class="class1 class2 class3">Select me</p>





如果要更具体,并将元素(p,h1,a,li等)的标签名称添加到选择器,则应添加不带点(p.class1.class2.class3)的此类

编辑

发表评论后,我了解到您需要使用无法编辑的样式。因此,要使用该样式,HTML结构应类似于:



.no_curators_followed .no_curators_ctn p {
  color: #c6d4df;
  font-size: 17px;
 }

<div class="no_curators_followed">
  <div class="no_curators_ctn">
    <p> Change me </p>
  </div>
</div>

10-07 15:14