<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
li:not(:last-child){
border: 1px solid red;
}
/* + : 相邻选择器 ~:兄弟选择器*/
#li3~li{
color: red;
}
</style>
<title>其他选择器</title>
</head>
<body>
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li id="li3">列表项3</li>
<li>列表项4</li>
<li>列表项5</li>
<li>列表项6</li>
<li>列表项7</li>
</ul>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
li:not(:last-child){
border: 1px solid red;
}
/* + : 相邻选择器 ~:兄弟选择器*/
#li3~li{
color: red;
}
</style>
<title>其他选择器</title>
</head>
<body>
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li id="li3">列表项3</li>
<li>列表项4</li>
<li>列表项5</li>
<li>列表项6</li>
<li>列表项7</li>
</ul>
</body>
</html>