gpt4 book ai didi

css 使用带有 div 类选择器的 "last-child"css 元素

转载 作者:太空宇宙 更新时间:2023-11-04 03:27:38 24 4
gpt4 key购买 nike

我的代码有什么问题?我希望在最后一个具有“test”类的 p 元素上添加红色背景,并且此 p 标签位于 div block 中。

<!DOCTYPE html>
<html>
<head>
<style>
.test{
background: blue;
}
div .test:last-child{
background: red;
}
</style>
</head>
<body>
<div>
<p class="test">The first paragraph.</p>
<p class="test">The second paragraph.</p>
<p class="test">The third paragraph.</p>
<p>The fourth paragraph.</p>
</div>
<p>end line</div>
</body>
</html>

最佳答案

:last-child 将匹配父元素的最后一个元素。 div 的最后一个子元素没有类测试,因此不会匹配。

关于css 使用带有 div 类选择器的 "last-child"css 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26847201/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com