如果第二个孩子有某个类，则使用不同的css样式

如果元素标题有或没有find类的子元素，我会尝试应用不同的CSS。是否可以只使用CSS来实现

案例1：

 <h2 class="title">
    <span class="ico"></span>
    <span class="find">Find</span>
</h2>

.title {
    padding-left: 4px;
}

发现
.头衔{
左侧填充：4px；
}

案例2：

 <h2 class="title">
    <span class="ico"></span>
    Find
</h2>

.title {
    padding-left: 9px;
}

发现
.头衔{
左侧填充：9px；
}

您应该按照以下方法将样式应用于元素或类。 有一个父类

。title

现在标题有嵌套的2类

。ico

是必需的，

。find

是可选的

因此，当您想将CSS应用于嵌套元素时，您应该使用以下方法

.parent.child

例如

.title.find

我已经用

.title

定义了默认样式。只要

.find

不存在，它就会继承父类的样式。 在我们的例子中，我将默认样式设置为

font-size:15px

在样式表中，您似乎使用了

.title.find

，它将应用在父级为

.title

的样式表中声明的样式，并将应用于所有子级为

.find

的类。 在我们的例子中，我将默认样式设置为

font-size:22px

*{
字体系列：“Arial”；
}
.头衔{
字体大小：15px；
}
.标题.查找{
字体大小：22px；
}

发现
发现

否，在第一种情况下，您应该在第二种情况下找到target.find和.title。线索在名称中：cascading@GtAntoine请回顾我在回答中试图解释的概念。