<!DOCTYPE html>
<html>
<head>
<style> 

ul{list-style:none;}

li{display:inline; border:1px solid black; width:20px; height:20px;border-radius:50%;padding:5px;}
li:nth-last-of-type(2n+3){background-color:yellow;}
a{text-decoration:none;}
 

</style>
</head>
<body>
<h3>:nth-last-of-type 예제 </h3>
<div>
<ul>
<li>&nbsp;1&nbsp;</li>
<li><a href="http://opencast.naver.com/IT741">&nbsp;2&nbsp;</a></li>
<li>&nbsp;3&nbsp;</li>
<li><a href="http://opencast.naver.com/IT741">&nbsp;4&nbsp;</a></li>
<li>&nbsp;5&nbsp;</li>
<li><a href="http://opencast.naver.com/IT741">&nbsp;6&nbsp;</a></li>
<li>&nbsp;7&nbsp;</li>
<li>&nbsp;8&nbsp;</li>
<p>노란색 버튼을 클릭하세요</p>
</ul>
</div>
 


</body>
</html>