Не получается средствами CSS выделить нужным стилем 2й по счету класс active
пробую так
.main .active:nth-of-type(2){
opacity:0.3;
}
Оно по какой то причине выделяет просто второй див, в данном примере, с классом .second.
Знаю, что nth-of-type указывает на элемент определенного типа, в моем случае div, но я же еще указываю и имя класса
Чего не хватает?
Fart
Отправлено: 31 Октября, 2016 - 10:28:38
Посетитель
Покинул форум
Сообщений всего: 324
Дата рег-ции: Июль 2016
Покинул форум
Сообщений всего: 57
Дата рег-ции: Март 2012
Помог: 0 раз(а)
Fart пишет:
по шаблону так:
.item.second:active (покажет и вернет) или .item.second:nth-of-type(N)(покажет и оставит)
N - укажите порядковый номер элемента
не понимаю почему вы привязываетесь к second, если речь идет про класс .active или если уточнить то .item.active
IllusionMH
Отправлено: 01 Ноября, 2016 - 15:10:15
Активный участник
Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011 Откуда: .kh.ua
Помог: 242 раз(а)
masterlelik, nth-of-type учитывает только имя тега, и ему глубоко пофигу на классы и прочее. так что он проверит является ли второй див в своём родителе блоком с классов айтем и эктив.
чтобы выделить второй active - .main .active + .active
masterlelik
Отправлено: 01 Ноября, 2016 - 19:52:05
Новичок
Покинул форум
Сообщений всего: 57
Дата рег-ции: Март 2012
Помог: 0 раз(а)
В общем решение найдено
.item.active + .item.active{
Все гости форума могут просматривать этот раздел. Только зарегистрированные пользователи могут создавать новые темы в этом разделе. Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.