last-of-type:最后一个同级元素
only-child:唯一元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div>
<p>a</p>
<p>b</p>
</div>
<div>
<p>c</p>
<p>d</p>
</div>
<ul>
<li><a href="">导航</a></li>
<li><span>s</span><a href="">导航</a></li>
</ul>
</body>
<script src="jquery.js"></script>
<script>
// 匹配同类型中的最后一个同级元素
$('div p:last-of-type').css('background' , 'gray');
// 筛选出li标签中只有a标签的
$('li a:only-child').css('background' , 'blue');
</script>
</html>