[ksa]

Я сколько раз пробывал указать querySelectorAll. и ничего не выходит, всё равно в приоритете только первый элемент. Если из ul я выберу все li, то изменится только первый li.

Хоть бы показал как ты это "пробовал"...

<style>
.on {
	color: green;
}
</style>
<ul>
	<li>Элемент 1</li>
	<li>Элемент 2</li>
	<li>Элемент 3</li>
</ul>

<script>
document.querySelectorAll('li').forEach(o => o.classList.add('on'))
</script>

Стиль применится ко всем элементам. Никаких приоритетов к "первому элементу" нет.