Как можно увеличить вес у CSS селектора

Есть несколько способов увеличить специфичность (вес) селектора:

1. Добавление ID - самый высокий вес (1-0-0)

#header .menu { ... }

2. Добавление классов/атрибутов (0-1-0)

.btn.active { ... }

3. Вложенность элементов (0-0-1 за каждый элемент)

nav ul li a { ... }

4. Использование !important (перебивает все)

.title { color: red !important; }

5. Инлайн-стили (1-0-0-0, выше ID)

Важно: !important и инлайн-стили усложняют поддержку кода. Лучше увеличивать вес за счет семантики селекторов.