Форум

darl · #1 (**permalink**) 25.10.2013, 09:14

Подскажите пожалуйста, как изменить цвет в первом и последнем ряде с классом "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;
}

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

ksa · #2 (**permalink**) 25.10.2013, 10:32

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

:first-child
:last-child

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

ksa · #3 (**permalink**) 25.10.2013, 10:35

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

<!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>

nerv_ · #4 (**permalink**) 25.10.2013, 19:04

http://htmlbook.ru/html/thead
http://htmlbook.ru/html/tbody
http://htmlbook.ru/html/tfoot

Форум

Справочник

Discord чат

Курсы javascript