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 и я не вижу проблемы.

Тоже рекомендуют ребята с оверфлоу, но че-то как-то не работает.

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Маленько подкорректированный вариант Switch74:

<table border=1>
  <tr>
    <td>item1</td>
    <td>item2</td>
  </tr>
  <tr>
    <td>
      <table>
        <tr>
          <td>item1</td>
          <td>item2</td>
        </tr>
      </table>
    </td>
    <td>item2</td>
  </tr>
</table>
table{
 border-spacing:0;
}
table,tr
{
  border:1px solid transparent;
}
td{
  padding: 0;
}
tr:first-child{
  border-bottom: 1px solid #f00;
}

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
10.01.2019 в 05:41, Destrifer сказал:

Tr является дочерним для table

Это только так кажется;) Никогда не доверяйте разметке, всегда смотрите, что показывает DOM-инспектор.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Статистика пользователей

    46 192
    Всего пользователей
    3 128
    Рекорд онлайна
    Sakuemy
    Новый пользователь
    Sakuemy
    Регистрация
  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.