Как обратится к первой таблице в разметке?

Для того чтобы обратиться к первой таблице в разметке с помощью CSS, необходимо использовать селекторы.

Существует несколько способов, которые позволяют выбрать первую таблицу на странице.

1. Селектор тега: Если таблица обернута в тег <table>, вы можете использовать селектор тега, чтобы выбрать первый элемент <table> на странице. Например:

table {
  /* стили для первой таблицы */
}

2. Селектор класса или идентификатора: Если у таблицы есть уникальный класс или идентификатор, вы можете использовать его для выбора первого элемента. Например:

.table-class {
  /* стили для первой таблицы с классом .table-class */
}

#table-id {
  /* стили для первой таблицы с идентификатором #table-id */
}

3. Селектор псевдокласса nth-child: Вы можете использовать псевдокласс nth-child для выбора первого элемента <table> на странице. Например:

table:first-child {
  /* стили для первой таблицы */
}

4. Селектор псевдокласса first-of-type: Вы также можете использовать псевдокласс first-of-type для выбора первой таблицы на странице. Например:

table:first-of-type {
  /* стили для первой таблицы */
}

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