Почему окрашивается второй элемент с таким же id?

#html #css

Я поставил один и тот же id для двух элементов. Почему второй окрашивается?



#red {
  color: red;
}
 red  no red  red 



    

Ответы

Ответ 1

Потому что это css. Теоретически, каждый элемент проверяется на соответствие каждому
селектору. В данном случае обоим элементам селектор подошёл.

В отличие от js, где по запросу выдаётся один элемент, в css стили применяются к
имеющимся элементам, а не отслеживается, к скольки элементам может быть применён этот
селектор с необходимостью последующего слежения за появлением таких элементов.

Ну и да, разметка всё равно невалидна.


Ответ 2

В случае с CSS id ведёт себя как класс, но в JavaScript будет применяться только
к первому элементу:



document.getElementById("red").style.color = "red";
 red  no red  red