<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
</style>
</head>
<body>
<ul>
<li>1111</li>
<li>2222</li>
<li>3333</li>
<li>4444</li>
<li>5555</li>
<li class="li1">6666</li>
<li>7777</li>
<li>8888</li>
<li>9999</li>
<li>0000</li>
</ul>
<script src="js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$('ul li:first').css({'color':'red'})
$('ul li:last').css({'color':'blue'})
$('ul li:eq(3)').css({'background':'red'})
$('ul li:even').css({'border':'1px solid yellow'})
$('ul li:odd').css({'border':'1px solid pink'});
$('ul li:gt(5)').css({'font-size':'25px'})
$('ul li:lt(5)').css({'font-weight':'600'})
$('ul li:not(.li1)').css({'background':'#abcdef'})
</script>
</body>
</html>