HTML Выбрать указанный c элемент без класса

Question

Как сказано в заголовке, я не знаю, как выбрать только первый h1 «Я хочу выбрать это»

Специально без классов, только первый h1 из HTML текста

Answer 1

Используйте это

h1:first-of-type{

}

Goodluck.

Answer 2

Вы можете использовать это, выберите родителя, затем выберите первого дочернего элемента типа h1

   header > h1:first-child{
       color:red;
   }

Answer 3

Очень просто querySelector подойдет

// first h1 in header

console.log(
  document.querySelector("header > h1").textContent
)

// first h1 in document:

console.log(
  document.querySelector("h1").textContent
)

header > h1 {
  color: green
}

<header>
  <h1>I want to select this</h1>
  <div>
    <h1>Welcome to the world!</h1>
    <p>I don't like apples</p>
  </div>
</header>