CSS 如何选择特定 class 的孙子元素,同时排除最后一个?

css 如何选择特定 class 的孙子元素,同时排除最后一个?

如何用 CSS 选择特定 class 的孙子元素并排除最后一个

为了选择一个 class 为 "parent" 的 div 中,所有拥有 class 为 "interline" 的 p 元素,但排除最后一个,我们可以使用以下 CSS 代码:

`

.parent > div:not(:last-child) .interline {<br>  color: red;<br>}
`

解释:

  • .parent 选择所有 class 为 "parent" 的 div。
  • > 子选择器选择 "parent" div 中的直接子元素。
  • :not(:last-child) 伪类选择器不选择最后一个子元素。
  • .interline 选择 class 为 "interline" 的 p 元素。
  • color: red; 设置选中文本的颜色为红色。

以上就是CSS 如何选择特定 class 的孙子元素,同时排除最后一个?的详细内容,更多请关注其它相关文章!