Как должно быть?

[FanAizu]

Есть свойства:

.one h1{color:red;}

.two h1{color:green;}

И есть вёрстка:

<div class="one"><p class="two"><div><div><h1>Hello!</h1></div></div></div>

Т.к. для первого и второго свойства специфичность равна, то цвет Hello! будет зависеть от

того, какое свойство находится ниже в документе. Верно? В мозиле, сафари, хроме так и

работает, но в IE и Opera работает по-другому, а именно: цвет текста зависит не от того какое свойство определено ниже в документе, а от того, какой из классов(.one или .two) находится ближе к тегу h1.

Почему браузеры ведут себя по-разному? Можно ли как-то привести всё к единому стандарту, то есть, чтобы цвет в моём случае зависел от того какие стили определены ниже в документе, либо зависел от того, какой класс ближе к тегу h1? Это как-нибудь регулируется?

[psywalker]

Куда у тебя делся закрытый тег?

[SelenIT]

Почему браузеры ведут себя по-разному?

Посмотрите на DOM этого фрагмента (в Файрбаге, Dev. Tools-ах, Стрекозе и т.п.). Когда пройдет первое удивление от результата, перечитайте спеку про тег <p> — что может, а что не может находиться у него внутри. И впредь не ставьте браузеры в такое щекотливое и двусмысленное положение. HTML — это вам не XML.