Какое значение имеет правило стилевого оформления «x-phone» для sencha touch?

Question

Вот код, который я читаю:

 .card {
        font-size: 72px;
        padding: 80px 40px;
    }

    .x-phone .card {
        padding: 15px;
        font-size: 36px;
    }

Какое значение имеет x-phone? Я предполагаю, и это чистое предположение, что css говорит, что в случае обнаружения мобильного устройства переопределите правило класса стилей .card с правилом стилей .x-phone .card?

Это правильно? Я искал API Sencha Touch и Google без ответа.

Спасибо

Answer 1

Если вы посмотрите на классы body-tag и измените строки User Agent, вы увидите, что он изменит класс между x-desktop, x-phone и x-tablet.

Так что да, он будет переопределять стили .card, когда на телефоне.