上节课我们讲了伪类:first-child。
这节课我们讲:last-child。它的用法跟:first-child伪类基本一样。只是这回是最后一个元素。
 

:last-child伪类

选定其父级最后一个匹配的子元素。

例如：
section:last-child{}
匹配其（section）父级中最后一个元素为section的元素

语法：

元素:last-child{声明}
/* 上面的是直接作用于元素，也可以用于css类。 */
类名:last-child{声明}

 
下面看下具体的例子:

<div>text</div>
<div>text</div>
<div class="content">
  <h2>text</h2>
  <div>text
    <div>text</div>
    <div>这里是红色</div>
  </div>
  <div>这里是红色</div>
</div>
<div class="content">
  <h2>text</h2>
  <div>text</div>
  <div>text</div>
  <p>text</p>
</div>

css样式：

.content div:last-child {
	color: #FF0000;
}

相关英语

last = 最后，最末