Html 尝试使用父类firstRow以子元素为目标 我试图使用父类firstRow以子元素为目标 但我并不成功 我查看了下面的css选择器,然后只有我实现了,但仍然无法确定目标。 你能告诉我怎么修吗?这样以后我自己就可以修了 下面提供我的代码片段和沙盒

Html 尝试使用父类firstRow以子元素为目标 我试图使用父类firstRow以子元素为目标 但我并不成功 我查看了下面的css选择器,然后只有我实现了,但仍然无法确定目标。 你能告诉我怎么修吗?这样以后我自己就可以修了 下面提供我的代码片段和沙盒,html,css,Html,Css,.firstRow div:n子级(2){ 背景:绿色; 宽度:40px; 高度:100px; 边框:1px纯黑; } 测试 测试2 您试图瞄准的孩子是p元素,而不是div元素: .firstRow p:n子级(2){ 背景:绿色; 宽度:40px; 高度:100px; 边框:1px纯黑; } 测试 测试2 :第n个子元素(n)当前元素父元素的第n个子元素,因此可以使用。第一行p:n子元素(2)。 .firstRow div:n子级(2){ 背景:绿色; 宽度:40px; 高度:100px

.firstRow div:n子级(2){
背景:绿色;
宽度:40px;
高度:100px;
边框:1px纯黑;
}

测试

测试2


您试图瞄准的孩子是
p
元素,而不是
div
元素:

.firstRow p:n子级(2){
背景:绿色;
宽度:40px;
高度:100px;
边框:1px纯黑;
}

测试

测试2

:第n个子元素(n)
当前元素父元素的第n个子元素,因此可以使用
。第一行p:n子元素(2)

.firstRow div:n子级(2){
背景:绿色;
宽度:40px;
高度:100px;
边框:1px纯黑;
}

测试

测试2