Несколько элементов с одним и тем же идентификатором реагируют на один селектор идентификатора CSS

, это безопасно, чтобы дать несколько элементов того же идентификатора на одной странице? Например, это часто происходит при использовании нескольких плагинов JQuery, когда вы запускаете несколько слайдеров или галереев дважды или более. Мы знаем, что разработчики любят давать какой-нибудь идентификатор в контейнер HTML в порядке, в порядке, работает быстрее.

Давайте прочитаем Документация W3.org :

Что делает атрибуты идентификатора типа Special - это то, что нет двух таких атрибуты могут иметь одинаковое значение; независимо от языка документа, Атрибут ID может быть использован для однозначного идентификации его элемента.

Но следующий пример с 2 элементами, имеющими тот же ID, работает нормально во всех браузерах, хотя это недействительно:

 #red {цвет: красный;  } 

 
 Я красный текст.  P> 
 Я тоже красный текст тоже.  P> 

Может кто-нибудь объяснить эту странную ситуацию ?