Как определить первого дочернего элемента таблицы, используя css?

Question

я хочу получить первый элемент элемента таблицы, используя css.

ниже приведен код html,

<div class="wrapper">
    <table>
        <thead></thead>
        <tbody>
            <tr>first</tr> //want to access this
            <tr>second</tr>
        </tbody>
    </table>
</div>

я пробовал это и работает

div.wrapper table tbody tr:nth-of-type(1)

Хотел бы узнать, есть ли какой-нибудь более аккуратный способ получить к нему доступ.

Answer 1

С учетом этого кода:

<div class="wrapper">
    <table>
        <thead></thead>
        <tbody>
            <tr>first</tr> //want to access this
            <tr>second</tr>
        </tbody>
    </table>
</div>

Вы можете использовать селектор CSS, например, для ссылки на него:

div.wrapper > table > tbody > tr:first-of-type

Вы также можете использовать любой из них:

div.wrapper > table > tbody > tr:nth-of-type(1)
div.wrapper > table > tbody > tr:nth-child(1)
div.wrapper > table > tbody > tr:first-child