📅 最后修改于: 2023-12-03 15:08:22.083000 🧑 作者: Mango
有时候，我们想要在一个父级元素的最后一个子级中应用 CSS 样式。这个任务可以通过 jQuery 轻松完成。
下面是应用 CSS 样式的 jQuery 代码片段：
$('父级元素 :last-child').css('属性', '值');
$()：jQuery 选择器，用于选取 HTML 元素。可以使用任何支持的 CSS 选择器。:last-child：CSS 伪类选择器，匹配其父元素下的最后一个子元素。.css('属性', '值')：为匹配的元素设置 CSS 属性和值。因此，以上代码片段会选取父级元素下的最后一个子级，并将其 CSS 样式设置为指定的属性和值。
下面是一个演示如何将最后一个 div 元素的颜色设置为红色的实例：
<!DOCTYPE html>
<html>
<head>
<title>jQuery 示例</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$('div:last-child').css('color', 'red');
});
</script>
</head>
<body>
<div>第一个 div 元素</div>
<div>第二个 div 元素</div>
<div>第三个 div 元素</div>
</body>
</html>
在此示例中，我们选择了最后一个 div 元素，并将其颜色设置为红色。运行代码后，第三个 div 元素的颜色会变为红色。
在本文中，我们介绍了如何使用 jQuery 在父级的最后一个子级中应用 CSS。我们使用了 $() jQuery 选择器和 CSS 伪类选择器 :last-child 来选取最后一个子级，并使用 .css('属性', '值') 方法来为其设置样式。