Задание 23/23 выполнил на 96% не могу сделать на 100

Курсы §5. Знакомство с таблицами
1

Всем привет! Не могу разобраться. Вроде бы делаю все правильно, применяю через классы css к крайним левому и правому заголовкам таблицы свойства text-align: left; и text-align:right; соответственно, но ничего не происходит и все равно они упрямо выравниваются по центру. И из-за этого 96% вместо 100. Вроде бы и хрен с ним, но интересно же, что именно я делаю не так. Помогите, кто может!

Это мое первое сообщение здесь и я не могу понять, как тут добавляют код. Кто-нибудь может объяснить толком, как это делается?

1 лайк
3

Код вставляется с помощью кнопки </> в редакторе сообщений.

6 
body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;

}
table {
border-collapse: collapse;
}
td, th {
padding: 10px
}
th {
border-top: 1px solid black;
border-bottom: 1px solid black;
color: white;
}
td {
border-bottom: 1px solid lightgray;
}

.thb1 {
background-color: darkcyan;
}
.thb2 {
background-color: lightblue;
}
.col1 {
text-align: left;
width: 33%;
}
.col2 {
text-align: center;
width: 33%;
}
.col3 {
text-align: right;
width: 33%;
}
.beautiful {
background-color: lightyellow;
}

7 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Испытание: итоговая таблица</title>
</head>
<body>
    <h1>Итоговая таблица</h1>
<table>
    <tr>
        <th class="col1, thb1">Город</th>
        <th class="col2, thb2">Посещений</th>
        <th class="col3, thb1">%</th>
    </tr>
    <tr>
        <td class="col1">СПб</td>
        <td class="col2">199</td>
        <td class="col3">65.12</td>
    </tr>
    <tr class="beautiful">
        <td class="col1">Москва</td>
        <td class="col2">69</td>
        <td class="col3">21.3</td>
    </tr>
    <tr>
        <td class="col1">Киев</td>
        <td class="col2">5</td>
        <td class="col3">8</td>
    </tr>
    <tr class="beautiful">
        <td class="col1" colspan="2">Посещений за весь период</td>
        <td class="col3">273</td>
    </tr>
</table>
</body>
8

С утра сам догадался на свежую голову :blush:
Классы, присваемывае одному тегу, следует перечислять, просто разделяя их пробелами, а у меня было через запятую. Убрал запятые и нужные свойства применились.
Всем спасибо, тему можно считать закрытой.

2 лайка