Destrifer

Пользователь
  • Публикации

    93
  • Зарегистрирован

  • Посещение

Все публикации пользователя Destrifer

  1. Destrifer

    first-child

    Теперь все ок, спасибо
  2. Destrifer

    first-child

    Нужно применить оформление только к первому tr входящему в таблицу: table tr:first-child { border-bottom: 1px solid red; } Причем в этой таблице находятся другие таблицы и каждый tr внутри каждой из них получает это свойство. А мне нужно только для первого tr входящего в основную таблицу. Все остальные таблицы - вложенные. Казалось бы... решение проблемы на поверхности: table > tr:first-child { border-bottom: 1px solid red; } Но нет. Так стиль вообще не появляется. Интересно почему. Tr является дочерним для table и я не вижу проблемы. Тоже рекомендуют ребята с оверфлоу, но че-то как-то не работает.
  3. Destrifer

    first-child

    http://prntscr.com/m5gvq7 http://prntscr.com/m5gx1o
  4. Собственно, таблица. По ховеру меняется цвет в ячейках, условно, на золото. Но мне нужно, чтобы первая строка и первый столбец не реагировали на ховер, хотя бы визуально. Причем они имеют отличные от остальных ячеек цвета. Условно - серебро. Т.е. имеем: .tbl tr td:hover { background: gold; } .tbl tr td:first-child { background: silver; } .tbl tr td:first-child:hover { background: silver; } Работает. Мышка ходит по таблице, ячейки окрашиваются золотом, но первый столбец - нет. А вот с первой строкой, так не получается .tbl tr:first-child { background: silver; } .tbl tr:first-child:hover { background: silver !important; } Все равно, .tbl tr td:hover { background: gold; } перебивает и красит золотом. Ипотант, выше/ниже - ничего не помогает. В фаерфоксе видно, что правило "перебивается". Понятно, что можно на тр навесить класс, его прописать, и все, скорее всего, будет работать. Но хотелось бы не загромождать таблицу лишними идентификаторами. Спасибо всем. Прописал так: .tbl tr:first-child td:hover