Как сделать первую ссылку в таб меню сразу же активной без JS?

Для того чтобы сделать первую ссылку в таб меню сразу же активной без использования JavaScript, мы можем использовать CSS псевдокласс ":first-child".

Вот пример HTML кода для таб меню:

<div class="tab-menu">
  <a href="#" class="active">Ссылка 1</a>
  <a href="#">Ссылка 2</a>
  <a href="#">Ссылка 3</a>
</div>

В CSS мы можем использовать псевдокласс ":first-child", чтобы задать активный стиль для первой ссылки:

.tab-menu a:first-child {
  /* Здесь вы можете задать стиль для активной ссылки */
  background-color: #f0f0f0;
  color: #333;
  font-weight: bold;
}

В данном примере, ссылка "Ссылка 1" будет сразу же активной при загрузке страницы, так как она является первым дочерним элементом родительского контейнера ".tab-menu".

Вы также можете добавить дополнительные стили для активной ссылки, такие как изменение цвета фона, шрифта или полужирное начертание, чтобы выделить ее от остальных ссылок в таб меню.

Нужно отметить, что использование JavaScript может предоставить больше гибкости и функциональности при работе с таб меню, включая динамическую активацию ссылок при нажатии на них. Однако, если вам нужно сделать первую ссылку сразу же активной без использования JavaScript, вы можете использовать CSS псевдокласс ":first-child".