怎么为某个类的最后一个元素设定 CSS 样式
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么为某个类的最后一个元素设定 CSS 样式相关的知识,希望对你有一定的参考价值。
利用CSS3新增的一个伪类last-child
如下代码,设置最后一个类名为div1的元素
css写法为
.div:last-child/*这里添加属性*/<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.div1:last-child
</style>
</head>
<body>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
</body>
</html> 参考技术A .类名:last-child ...
CSS选择器
/** * 案例说明: * 定义和用法 * [:last-child]选择器匹配属于其父元素的最后一个子元素的每个子元素。 * 案例:[css样式设定:] * 设置给定元素标签的父元素标签中最后一个元素的<p>元素标签的背景色。 */ p:last-child background:#ff0000;
以上是关于怎么为某个类的最后一个元素设定 CSS 样式的主要内容,如果未能解决你的问题,请参考以下文章