Добрый день! Использую следующие селекторы:
.post-stats {
display: inline-block;
margin-left: 70px;
}
div.post-stats:nth-child(2) {
margin-left: 10px;
}
И никак не пойму почему не выбирается второй блок?
Добрый день! Использую следующие селекторы:
.post-stats {
display: inline-block;
margin-left: 70px;
}
div.post-stats:nth-child(2) {
margin-left: 10px;
}
И никак не пойму почему не выбирается второй блок?
Не выбирается, потому что кроме блоков с классом .post-stats у родителя .post есть блоки с другими классами и нет такого блока .post-stats, который был бы вторым по счету у родителя.
Не выбирайте второй. Задайте отступ справа для обоих .post-stats.
Аааа, спасибо!) Получилось выбрать вот так:
div.post-stats:nth-child(6) {
margin-left: 10px;
}
Или это не совсем правильно?
Или, раз такое дело можно было уже выбирать вот так?:
.post div:nth-child(6) {
}
Можно. Но не нужно. Думайте наперед немного. Если в разметке появятся еще блоки, то нумерация может сдвинуться и придется каждый раз пересчитывать, каким по порядку будет .post-stats.
Задавайте отступ справа.