CSS element, несовместимый в браузерах и в браузерах ⇐ CSS

[Anonymous]

Следующий код дает один круг в Firefox, но два круга в Chrome: < /p>

Код: Выделить всё

.foo {
visibility: hidden;
}
.foo:nth-child(2) {
visibility: visible !important;
}< /code>





< /code>
< /div>
< /div>
< /p>
кажется ошибкой в Chrome. class = "Snippet-Code-CSS Lang-CSS PrettyPrint-override">.foo {
visibility: hidden;
}
.foo:nth-child(1) {
visibility: visible !important;
}< /code>

это потому, что копии Firefox -Referficeed Elements в теневую Dom и nth-cdild считает элементы в тени Dom, начинающихся с 1 ? Это в соответствии с спецификацией? Chrome нарушает эту спецификацию?

Подробнее здесь: https://stackoverflow.com/questions/797 ... n-browsers