css选择器最后一个元素(css的nth第一个)

  CSS3结构类:nth选择器

image.png

  :first-child/last-child

  语法 element:first-child

  选择属于父元素的首个/最后一个子元素的每个element元素,注意element为子元素。

  :nth-child(n)

  选择某元素下的第n个element元素(n是一个简单的表达式,不能用其他的字母代替),括号里还可以传odd和even两个关键字

  :nth-last-child(n)

  匹配属于某元素下的第n个element子元素,从最后一个子元素开始计数

  在 CSS 中,可以使用 :last-child 伪类来选择一个元素的最后一个子元素。例如,如果想要选择一个列表中的最后一个列表项,可以使用以下代码:

  li:last-child {

  /* 样式 */

  }

  这样,只有最后一个列表项会应用相应的样式。注意,:last-child 伪类只选择最后一个子元素,如果有多个父元素,所有父元素的最后一个子元素都会被选择。如果想要选择所有最后一个元素,可以使用 :nth-last-of-type 伪类,例如:

  css

  element:nth-last-of-type(1) {

  /* 样式 */

  }

  这样,所有类型的最后一个元素都会被选择。


发表评论

评论列表

还没有评论,快来说点什么吧~