Что такое @ знак как селектор css?

-4

Я видел это в CSS файле:Что такое @ знак как селектор css?

@-webkit-keyframes loading-spinner-anim { 
    0% { opacity: 1} 
    100% {opacity: 0} 
} 
@keyframes loading-spinner-anim { 
    0% { opacity: 1} 
    100% {opacity: 0} 
}

что эти селекторы означают?

@keyframes Это не селектор классов или идентификаторов.

loading-spinner-anim - пространство означает, что это дочерний элемент первого селектора. Но это не селектор классов или идентификаторов.

источник

2016-10-03 Elad Benda2

Ключевые фреймы - это функции css ', такие как медиа-запрос –

Чтение [документация] (https://developer.mozilla.org/en-US/docs/Web/CSS/At-rule) всегда полезно. – Teemu

как насчет старого и хорошего поиска Google? :) –

Они не являются селекторами вообще. Они at-rules и имеют много разных целей.

Конкретный пример у вас есть есть keyframes at-rule которых:

позволяет авторам контролировать промежуточные этапы в последовательности CSS анимации путем создания ключевых кадров (или точек) вдоль последовательности анимации, которые должны быть достигнуты определенные моменты во время анимации.

Другого по-правила включают @import для загрузки внешних таблиц стилей, @charset для указания кодировки символов, используемой таблицей стилей и @media для ограничения, когда будет применяться совокупность наборов правил.

источник

2016-10-03 09:14:01 Quentin

Что такое @ знак как селектор css?

ответ

Смежные вопросы