CSS参考手册
选择 | Selectors
:last-child
该:last-child
CSS伪类表示一组同胞元素中的最后一个元素。
/* Selects any <li>, but only if it is the last child of its parent element */
li:last-child {
background-color: lime;
}
注意:如最初定义的那样,所选元素必须有一个父元素。但从选择器级别4开始,这不再是必需的。
语法
:last-child
实例
HTML
<ul>
<li>This item is not limed.</li>
<li>Nor is this one.</li>
<li>This item is! :)</li>
</ul>
CSS
li:last-child {
background-color: lime;
}
结果
规范
Specification |
Status |
Comment |
---|---|---|
Selectors Level 4The definition of ':last-child' in that specification. |
Working Draft |
Matching elements are not required to have a parent. |
Selectors Level 3The definition of ':last-child' in that specification. |
Recommendation |
Initial definition. |
浏览器兼容性
Feature |
Chrome |
Edge |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari |
---|---|---|---|---|---|---|
Basic support |
1.0 |
(Yes) |
1.0 (1.7 or earlier) |
9.0 |
9.5 |
3.2 |
No parent required |
57 |
? |
51 (51)1 |
? |
44 |
? |
Feature |
Android Webview |
Chrome for Android |
Edge |
Firefox Mobile (Gecko) |
IE Mobile |
Opera Mobile |
Safari Mobile |
---|---|---|---|---|---|---|---|
Basic support |
(Yes) |
(Yes) |
(Yes) |
1.0 (1) |
9.0 |
10 |
3.2 |
No parent required |
57 |
57 |
? |
51.0 (51)1 |
? |
44 |
? |
选择 | Selectors相关
层叠样式表( Cascading Style Sheets )是一种用来表现 HTML 或 XML 等文件样式的计算机语言。CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。