Изменение рамки таблицы
Здравствуйте, форумчане! Столкнулся с следующей проблемой: не меняется атрибут border (у строки с id="firstRow"), даже с !important
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Лабораторная #5(2)</title>
<link rel="stylesheet" href="styles/style.css" />
</head>
<body>
<table class="mainTable">
<tr>
<td id="firstRow"></td>
</tr>
<tr>
<td id="secondRow"></td>
</tr>
<tr>
<td id="thirdRow"></td>
</tr>
</table>
<script src="js/script.js"></script>
</body>
</html>
CSS:
Код:
body {
margin: 0;
padding: 0;
}
.mainTable {
float: left;
margin: 50px 0 0 50px;
width: 600px; /* Ширина таблицы */
height: 125px;
border: 2px black; /* Рамка вокруг таблицы */
border-collapse: collapse; /* Отображать только одинарные линии */
}
th {
text-align: left; /* Выравнивание по левому краю */
background: rgb(190, 190, 190); /* Цвет фона ячеек */
padding: 1px; /* Поля вокруг содержимого ячеек */
border: 1px solid black; /* Граница вокруг ячеек */
}
td {
padding: 1px; /* Поля вокруг содержимого ячеек */
border: 1px solid black; /* Граница вокруг ячеек */
}
#firstRow {
border: 5px bold green !important;
}
|