如果.list里面的li元素大于等于4，则显示红色，并且字体变成30px
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.list li:nth-last-child(n+4) ~ li, .list li:nth-last-child(n+4):first-child{//
color:red;
font-size:30px;
}
</style>
</head>
<body>
<ul class="list">
<li>1</li>
<li>2</li>
<li>3</li>
<!-- <li>43</li> <li>43</li><li>r</li> --></ul></body></html>
可以把注释去掉验证一下
:nth-last-child(n+4) ~ li 这个表示倒数第四个及之前（第n+4）的的li元素:nth-last-child(n+4):first-child 这个表示倒数第n+4的第一个li元素
转载请注明原文地址: https://ju.6miu.com/read-680183.html
