css获取后几个元素
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<style type="text/css">
#nth-test div:nth-child(-n + 4) {
background-color: red;
}
</style>
</head>
<body>
<div id="nth-test">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
</div>
</body>
</html>
选前四个
#nth-test div:nth-child(-n + 4) { background-color: red; }
选弟3个往后
#nth-test div:nth-child(n + 3) { background-color: red; }
css最后一个元素怎么表示
在 CSS 中，可以使用 :last-child 伪类来选择一个元素的最后一个子元素。例如，如果想要选择一个列表中的最后一个列表项，可以使用以下代码：
li:last-child {
/* 样式 */
}
这样，只有最后一个列表项会应用相应的样式。注意，:last-child 伪类只选择最后一个子元素，如果有多个父元素，所有父元素的最后一个子元素都会被选择。如果想要选择所有最后一个元素，可以使用 :nth-last-of-type 伪类，例如：
css
element:nth-last-of-type(1) {
/* 样式 */
}
这样，所有类型的最后一个元素都会被选择。
CSS中最后一个元素可以用: last-child 选择器表示。
1, 因为 last-child 选择器选择父元素的最后一个子元素。
2, 使用该选择器可以在CSS样式中对最后一个元素进行特殊样式的设置。
3, 它可以通过给最后一个元素添加背景色、边框样式等来突出显示。
“html5”的CSS3选择器中“:first-child”和“:last-child”是什么
选择父级下第一个元素和最后一个元素如：
aaaa
ccccc
dddd
.list li:first-child{color:#f00;} //只有aaa变红色.list li:last-child{font-weight:bold;} //只有dddd变粗体