ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / nth-child - что не так?
6 сообщений из 6, страница 1 из 1
nth-child - что не так?
    #39721530
waszkiewicz
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
waszkiewicz
Участник
Код: css
1.
2.
3.
4.
5.
6.
table tr:nth-child(2n)>td:nth-child(2n) {
  background-color: red;
}
table td:hover {
  background-color:green;
}



http://jsfiddle.net/pincet/f3wm8kya/10/
...
Рейтинг: 0 / 0
23.10.2018, 16:17
| Ответить | Цитировать | Написать  
nth-child - что не так?
    #39721569
Alexander A. Sak
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexander A. Sak
Участник
А что не так? Такая вот специфичность получается.

Варианты (или):
1. Сказать !important второму
2. Добавить :not(:hover) первому
3. Еще наверное много всяких
...
Рейтинг: 0 / 0
23.10.2018, 17:07
| Ответить | Цитировать | Написать  
nth-child - что не так?
    #39721578
waszkiewicz
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
waszkiewicz
Участник
Alexander A. Sak,
2. Добавить :not(:hover) первому
помогло. спс
...
Рейтинг: 0 / 0
23.10.2018, 17:20
| Ответить | Цитировать | Написать  
nth-child - что не так?
    #39721827
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
waszkiewicz , никакой специфики. Первый селектор имеет больший приоритет, нежели второй.

Код: css
1.
2.
3.
4.
5.
6.
7.
table tr:nth-child(2n)>td:nth-child(2n) {
  background-color: red;
}
table td:hover,
table tr:nth-child(2n)>td:nth-child(2n):hover {
  background-color:green;
}


Решает проблему...
http://jsfiddle.net/f3wm8kya/12/
...
Рейтинг: 0 / 0
24.10.2018, 09:20
| Ответить | Цитировать | Написать  
nth-child - что не так?
    #39721838
waszkiewicz
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
waszkiewicz
Участник
krvsa,
тогда вопрос - чем хуже/лучше вариант с :not(:hover)
спрашиваю исключительно для расширения кругозора
...
Рейтинг: 0 / 0
24.10.2018, 09:39
| Ответить | Цитировать | Написать  
nth-child - что не так?
    #39721881
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
waszkiewiczтогда вопрос - чем хуже/лучше вариант с :not(:hover)
С "нотом" удобнее, если ховер одинаковый.
Мой вариант более подойдет, если ховер будет разный. Так же удобнее искать все ховеры, если делаешь несколько цветовых палитр.
...
Рейтинг: 0 / 0
24.10.2018, 10:24
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / nth-child - что не так?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39721881&tid=1444000]:
 0ms
get settings:
 9ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 172ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 43ms
get tp. blocked users:
 2ms
others: 11ms
total:  268ms
созд. / загр.: 268ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]