怎么为某个类的最后一个元素设定 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 样式的主要内容,如果未能解决你的问题,请参考以下文章

网页设计中CSS样式里设定margin:0 20px 30% 0;其中30%是相对于啥?是个啥概念?

CSS选择器

css样式设定样例说明

css如何做到对图像任意位置的设定。。。

CSS系列篇:CSS3的常见属性

怎样能使父元素随子元素的高度变化而变化(css样式