Html 选择具有第n个子元素的嵌套元素

我在使用

：nth-child（）选择器定位嵌套元素时遇到问题。如何针对第二个和第三个
服务


服务：第n个子（2）{/*样式*/}
.服务：第n个子（3）{/*样式*/}

培根也不愿意坐在阿梅特·努拉·哈姆·奎因（amet nulla ham qui）的位置上练习艾乌斯莫德·康莫多（eiusmod commodo），恰克·杜伊斯·维利特（chuck duis velit）。在reprehenderit中，dolore aliqua不在labore pig biltong中。Eiusmod猪排骨是罪魁祸首

布丁·阿利夸阿迪皮西宁腌牛肉。纳拉腌牛肉桑特球头，基布雷萨奥拉·埃尼姆下颚。卡皮科拉小排骨意大利腊肠，意大利熏牛肉

服务名称
Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失

服务名称
Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失

服务名称
Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失

每个
.service
都是其父
.large-4.columns
的唯一子元素，这三个列都是同一
.services.row
元素的子元素。因此，您的
：nth-child（）
应该位于
.large-4.columns
元素上：

.services > .columns:nth-child(n+2) > .service

或者，如果最多只有以下三列，则可以使用同级选择器而不是
：n-child（）
：

.services > .columns ~ .columns > .service

如果要针对第一个元素以外的任何元素，请使用
：not
，如下所示：


div{
显示：内联块；
背景：黑色；
颜色：白色；
高度：100px；
宽度：100px；
浮动：左；
文本对齐：居中；
线高：100px；
}
div:not（：第一个孩子）{
左边框：2倍纯红；
}

一
二
三
我使用了。服务：第n个孩子（2）{}和。服务：第n个孩子（3）{}。