10/18

Курсы §29. Таблицы на CSS
1

Вот интересно. Практически все кто делает заданию
пишут
.formula …{
}
Я же этого не указывал. Насколько это правильно? Бьется на 100%

.formula {
    margin: 10px;
    width: 500px;
    border-collapse: collapse;
    display: table;
}

.formula p {
    margin: 0;
    padding: 10px;
    font-size: 20px;
}

p {
    display: table-caption;
    caption-side: bottom;
    text-align: center;
}

.content ul{
    display: table-row;
}

.content li{
    display: table-cell;
    border: 1px solid #777777;
    text-align: center;
    background: #b2fdd0;
    padding: 5px;
    vertical-align: middle;
}

.content li:nth-child(4) {
    background:#ffbaba;
}
 .content.content-important li {
    background: #fffebc;
}
header {
    display: table-header-group;
}

header ul {
    display: table-row;
}
header li{
    display: table-cell;
    border: 1px solid #777777;
    text-align: center;
    padding: 5px;
    border-bottom: none;
    
}
.content {
    display: table-row-group;
}

.column{
    display: table-column-group;
       
}

Код не оптимизирован, сразу скажу, можно убрать кое-что. И в общем. Он верен? А то есть различия с основными версиями.
Пишу всегда сам и только потом начинаю сравнивать. Вот и интересно.

2

Верен. В рамках задания можете не показывать всю вложенность. В рамках целой страницы лучше дописывать.

1 лайк