Javascript-форум - Первый и последний tr в table

Javascript-форум (https://javascript.ru/forum/)

- (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)

- - Первый и последний tr в table (https://javascript.ru/forum/xhtml-html-css/42415-pervyjj-i-poslednijj-tr-v-table.html)

Первый и последний tr в table

Подскажите пожалуйста, как изменить цвет в первом и последнем ряде с классом "tr", к примеру имеется таблица

<table>
<tr>
   <td></td><td></td><td></td>
</tr>
<tr>
   <td></td><td></td><td></td>
</tr>
<tr class='tr'>
   <td></td><td></td><td></td>
</tr>
<tr class='tr'>
   <td></td><td></td><td></td>
</tr>
<tr class='tr'>
   <td></td><td></td><td></td>
</tr>
<tr class='tr'>
   <td></td><td></td><td></td>
</tr>
<tr>
   <td></td><td></td><td></td>
</tr>

таблицы стилей

.tr :last-child{
background:#000;
}

Не получается

darl, псевдоклассы

:first-child
:last-child

Применяются к элементам, а не к селекторам (в твоем случае класса)...
http://htmlbook.ru/css/last-child

Как вариант...

<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.tr tr:first-child {
	background-color: green;
}
.tr tr:last-child {
	background-color: red;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<table>
<tbody>
<tr>
   <td>1</td><td></td><td></td>
</tr>
<tr>
   <td>2</td><td></td><td></td>
</tr>
</tbody>
<tbody class='tr'>
<tr>
   <td>3</td><td></td><td></td>
</tr>
<tr>
   <td>4</td><td></td><td></td>
</tr>
<tr>
   <td>5</td><td></td><td></td>
</tr>
<tr>
   <td>6</td><td></td><td></td>
</tr>
</tbody>
<tbody>
<tr>
   <td>7</td><td></td><td></td>
</tr>
</tbody>
</body>
</html>