css最后一个元素选择器

作者：血舞悲鸣发布日期:2025-09-13 浏览:97

/* 示例代码：选择父元素中的最后一个特定类型的子元素 */
.container p:last-child {
  color: red;
}

/* 示例代码：选择父元素中的最后一个特定类的子元素 */
.items .item:last-of-type {
  border: none;
}

/* 解释说明：
- `:last-child` 伪类选择器用于选择作为其父元素的最后一个子元素的元素。
- `:last-of-type` 伪类选择器用于选择作为其父元素的最后一个特定类型的子元素。
- 在第一个示例中，选择 `.container` 中作为最后一个子元素的 `<p>` 元素，并将其文本颜色设置为红色。
- 在第二个示例中，选择 `.items` 中作为最后一个 `.item` 类的子元素，并移除其边框。
*/

上一篇：css @media

下一篇：css背景色渐变