1. Додаткові селектори CSS
1.1. Універсальні селектори
1.1.1. Універсальні селектори можна використовувати для вибору кожного елемента на сторінці.
1.2. Селектори атрибутів
1.2.1. Як припускає назва, селектори атрибутів дозволяють вибирати елементи на основі їх атрибутів.
1.3. Селектори нащадків
1.3.1. Якщо ви хочете вибрати певні елементи, які є нащадками інших конкретних елементів, використовуйте цей селектор.
1.4. Селектори, які лежать нижче
1.4.1. Якщо ви хочете вибирати певні елементи, які лежать нижче щодо інших конкретних елементів.
1.5. Селектори суміжних однорівневих
1.5.1. Селектори суміжних однорівневих: якщо ви хочете вибрати тільки певні елементи, які йдуть за іншими певними елементами, використовуйте ці селектори.
1.6. Псевдо-класи
1.6.1. Ці селектори дозволяють оформити елементи не на основі того, але на основі більш складних факторів, таких як стан посилання.
1.7. Псевдо-елементи
1.7.1. Ці селектори дозволяють оформити певні частини елементів, а не весь елемент.
2. Поняття CSS
2.1. CSS – це технологія оформлення веб-сторінок, основною метою якої є поділ змісту сторінки і її зовнішнього вигляду.
3. Селектори СSS
3.1. p {}: селектор елемента
3.1.1. Відповідає всім елементам на сторінці з вказаною назвою (елементам p у наведеному вище випадку)
3.2. .example{}: селектор класу
3.2.1. Відповідає всім елементам, які мають атрибут class з вказаним значенням, так що приклад вище буде відповідати <p class="example">, <li class="example"> або <div class="example">
3.3. #example{}: селектор id
3.3.1. Селектор відповідає всім елементам, які мають атрибут id