Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: nth-of-type

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
masterlelik
Отправлено: 31 Октября, 2016 - 10:25:57
Post Id


Новичок


Покинул форум
Сообщений всего: 57
Дата рег-ции: Март 2012  


Помог: 0 раз(а)




есть следующий кусочек html
CODE (html):
скопировать код в буфер обмена
  1. <div class="main">
  2.      <div class="item"></div>
  3.      <div class="item second"></div>
  4.      <div class="item active"></div>
  5.      <div class="item active"></div>
  6.      <div class="item active"></div>
  7.      <div class="item"></div>
  8. </div>

Не получается средствами CSS выделить нужным стилем 2й по счету класс active
пробую так
.main .active:nth-of-type(2){
opacity:0.3;
}

Оно по какой то причине выделяет просто второй див, в данном примере, с классом .second.
Знаю, что nth-of-type указывает на элемент определенного типа, в моем случае div, но я же еще указываю и имя класса

Чего не хватает?
 
 Top
Fart
Отправлено: 31 Октября, 2016 - 10:28:38
Post Id



Посетитель


Покинул форум
Сообщений всего: 324
Дата рег-ции: Июль 2016  


Помог: 10 раз(а)




к примеру в css так:

.main:active {
(Добавление)
http://htmlbook[dot]ru/css/active
(Добавление)
вот еще примеры
http://www[dot]w3schools[dot]com/cssref/sel_active[dot]asp
 
 Top
masterlelik
Отправлено: 31 Октября, 2016 - 11:02:34
Post Id


Новичок


Покинул форум
Сообщений всего: 57
Дата рег-ции: Март 2012  


Помог: 0 раз(а)




Fart пишет:
к примеру в css так:

.main:active {
(Добавление)
http://htmlbook[dot]ru/css/active
(Добавление)
вот еще примеры
http://www[dot]w3schools[dot]com/cssref/sel_active[dot]asp


Это не то, что требуется, имя класса совпало с селектором, но к селектору active это не имеет никакого отношения.
 
 Top
Fart
Отправлено: 31 Октября, 2016 - 12:08:18
Post Id



Посетитель


Покинул форум
Сообщений всего: 324
Дата рег-ции: Июль 2016  


Помог: 10 раз(а)




по шаблону так:

.item.second:active (покажет и вернет) или .item.second:nth-of-type(N)(покажет и оставит)

N - укажите порядковый номер элемента

(Отредактировано автором: 31 Октября, 2016 - 12:12:55)

 
 Top
masterlelik
Отправлено: 01 Ноября, 2016 - 08:05:22
Post Id


Новичок


Покинул форум
Сообщений всего: 57
Дата рег-ции: Март 2012  


Помог: 0 раз(а)




Fart пишет:
по шаблону так:

.item.second:active (покажет и вернет) или .item.second:nth-of-type(N)(покажет и оставит)

N - укажите порядковый номер элемента


не понимаю почему вы привязываетесь к second, если речь идет про класс .active или если уточнить то .item.active
 
 Top
IllusionMH
Отправлено: 01 Ноября, 2016 - 15:10:15
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)




masterlelik, nth-of-type учитывает только имя тега, и ему глубоко пофигу на классы и прочее. так что он проверит является ли второй див в своём родителе блоком с классов айтем и эктив.

чтобы выделить второй active - .main .active + .active
 
 Top
masterlelik
Отправлено: 01 Ноября, 2016 - 19:52:05
Post Id


Новичок


Покинул форум
Сообщений всего: 57
Дата рег-ции: Март 2012  


Помог: 0 раз(а)




В общем решение найдено
.item.active + .item.active{

}
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB