對於sencha touch的'x-phone'樣式規則有什麼意義？

Question

這裏是CSS我讀：

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

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

什麼是X-手機的意義是什麼？我猜測，這是一個純粹的猜測，即css說，對於檢測到移動設備的情況，使用.x-phone .card樣式規則覆蓋.card樣式類規則？

這是正確的嗎？我搜索了sencha touch api和谷歌沒有回答。

感謝

Answer 1

如果你看一下身體標籤的類和改變用戶代理字符串，你可以看到，它會改變的X桌面，X-電話和X片之間的階級。

所以是的，它會覆蓋.card的手機上的樣式。