对于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的手机上的样式。