Css 不能'；t选择子元素

.test.par:first child.test1.test2{
颜色：红色；
}

试验

可测试


这是dsd redtext。测试


这是dsd不应更改的文本。测试

容器

.test

包含4个

p

元素，因此目标元素不是第一个子元素，而是第三个子元素。相反，您可以这样做：

.test.par:n子级（3）.test1.test2{
颜色：红色；
}
/*
或者干脆
.testp:n个孩子（3）.test1.test2{
颜色：红色；
}
*/

试验

可测试


这是
dsd
红色文本。
测试


这是
dsd
不应该更改文本。
测试

。par:first child

等于

*。par:first child

表示选择任何元素，该元素是其父元素的第一个子元素，并且每个元素具有类

；因此，不要选择
，因为它不是第一个子项。它是第三个子项，所以请使用以下方法：

.test .par:nth-child(3) .test1 .test2 {


.test.par:n子级（3）.test1.test2{
颜色：红色；
}

试验

可测试


这是
dsd
红色
文本。
测试


这是
dsd
不应该改变
文本。
测试


.testp:n个子项（3）.test1.test2{
颜色：红色；
}

试验

可测试


这是dsd redtext。测试


这是dsd不应更改的文本。测试

有点不相关，但是你缩进代码的方式绝对令人恐惧，毫无意义。尽管如此，谢谢你，但在我忘记提到P元素是动态生成之前。我编辑了我的帖子。@user777啊，我明白了：）我认为只使用CSS是可行的，但我正在考虑；）@user777我认为在您的情况下这是不可能的，所以我添加了一个非CSS解决方案（如果有兴趣的话）再次感谢@Temani Afif。我已经考虑过添加jquery，但我认为我可以用css解决它。谢谢，我会添加javascript代码。@user777以我的实际知识，我相信我们不能，但也许其他人会给我们一个CSS解决方案：）然后我们都会学到一个新东西；）@user777但是如果我们有更多的
.par
元素而不是彼此相邻呢？它们不是动态生成的吗？