如何使用CSS选中父元素下所有层级的嵌套p段落并设置统一样式

问题原因 #

你原有CSS代码存在两个问题导致不生效：

1. :nth-of-type是带参数的伪类选择器，必须传入参数（比如n、2、even等）才符合语法规范，你漏写参数直接使用导致选择器本身语法错误。
2. 如果你无筛选需求，仅需要匹配父容器下所有层级的p元素，不需要额外加伪类限制即可实现。

解决方案 #

直接使用后代选择器编写CSS即可，会命中.parentt下所有嵌套层级的p标签：

.parentt p {
    border:1px solid red;
}

注意：不要使用.parentt > p写法，其中>是直接子元素选择器，仅会匹配.parentt的第一级子p标签，无法命中深层嵌套的p元素。

如果你确实需要使用:nth-of-type做筛选，补全参数即可，比如匹配所有p元素的写法如下：

.parentt p:nth-of-type(n) {
    border:1px solid red;
}

参数n默认从1开始递增遍历，会匹配所有同类型的p元素。

内容的提问来源于stack exchange，提问作者peckoski