Допустимо ли не использовать классы [23/23]

Здравствуйте! Получилось добиться 100% таким способом. Допустимо ли не использовать классы?

body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}
table{
border-collapse:collapse;
width:350px;
}
tr:first-child td{
padding:10px;
width:33%;
background:darkcyan;
color:white;
border-bottom: 1px solid black;
border-top: 1px solid black;
font-weight: bold;
}
tr:first-child td:nth-child(2){
background:lightblue;
}
td{
padding:10px;
width:33%;
border-bottom: 1px solid lightgray
}
tr:nth-child(odd){
background:lightyellow;
}
td:nth-child(2){
text-align:center;
}
td:last-child{
text-align:right;
}

Если вы уже знали об nth-child, то можно и без классов.

Одно и то же можно сделать по-разному. В данном упражнении, наверное, это не принципиально. Однако: в жизни всё подвержено изменениям, в таблице могут добавиться или удалиться строки/столбцы. Тогда селекторы будут работать некорректно. Так что лучший выбор - это классы.

1 лайк

Либо класс и за каскадом)

1 лайк