هناك ثلاث طرق أساسية لاختيار عنصر HTML: باسم الوسم، أو بالمعرّف (id)، أو بالكلاس (class).

<h1 id="my-heading" class="stylish-heading">Title</h1>

في CSS

h1 { color: navy; }                 /* tag */
#my-heading { color: navy; }        /* id */
.stylish-heading { color: navy; }   /* class */

في JavaScript

document.querySelector('h1');
document.querySelector('#my-heading');
document.querySelector('.stylish-heading');

أيها أستخدم؟

• الوسم يختار كل العناصر من هذا النوع.
• id لعنصر واحد فقط في الصفحة.
• class يمكن أن تتكرر على عناصر كثيرة، وهي الأكثر استخدامًا في التنسيق.