Örnek olması açısından ekliyorum. jQuery ile farklı şekillerde listenin ilk ve son elemanlarının seçimi.
http://jsfiddle.net/uR7XE/ <!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script>
<style>
body {
background-color:black;
}
li {
color:white;
}
.ilk {
color:yellow;
}
.son {
color:red;
}
</style>
<script type="text/javascript">
$(function() {
// Listenin İlk Elemanını Seçmek
$('.list1 li:first').addClass('ilk');
$('.list2 li:first-child').addClass('ilk');
$('.list3 li:eq(0)').addClass('ilk');
$('.list4 li').eq(0).addClass('ilk');
$('.list5 li').first().addClass('ilk');
$('.list6 li').filter(":first").addClass('ilk');
// Listenin Son Elemanını Seçmek
$('.list1 li:last').addClass('son');
$('.list2 li:last-child').addClass('son');
$('.list3 li:eq(-1)').addClass('son');
$('.list4 li').eq(-1).addClass('son');
$('.list5 li').last().addClass('son');
$('.list6 li').filter(":last").addClass('son');
});
</script>
</head>
<body>
<ul class="list1">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<ul class="list2">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<ul class="list3">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<ul class="list4">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<ul class="list5">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<ul class="list6">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</body>
</html>