我只是想将这种类型的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>