Что делать с правилом стиля ключевого кадра, вложенным в медиа-запрос, который может иметь конфликты имен? ⇐ Html

[Anonymous]

На моей странице есть разные представления, в каждом из которых есть анимация по ключевым кадрам. Каждый раздел отображается или скрывается с помощью медиа-запросов.
Предположим, теоретически я использую отдельную таблицу стилей CSS или у меня есть некоторые ограничения на CSS. Если в этом случае у меня есть два правила стиля ключевых кадров с одинаковым именем «fadein», возникнут ли у меня какие-либо проблемы? Победит последний заявленный, верно? Или правила стиля, вложенные в медиа-запрос, обрабатываются по-другому?

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

@media (min-width: 0px) {
@keyframes fadein {

0% {
opacity: 0;
}
100% {
opacity: 1;
}

}
}

@media (min-width: 800px) {
@keyframes fadein {

0% {
opacity: 0;
}
100% {
opacity: 1;
}

}
}

Есть ли способ получить правило ключевого кадра по имени или идентификатору? Является ли имя ключевого кадра идентификатором?
Другими словами, вы можете использовать document.getElementById("myElement"), чтобы получить элемент с помощью JavaScript, но есть ли метод для ключевых кадров? Как это работает, когда два правила ключевых кадров имеют одно и то же имя?

Подробнее здесь: https://stackoverflow.com/questions/585 ... possibly-h