修改sencha中的CSS伪选择器样式

Question

我正在用 sencha touch 开发一个网络应用程序。我需要使用 psuedo 元素动态更改其中一个类的样式。

下面是我在 css 文件中的元素..

.testdiv::before{
    margin-left: -0.4em;
    margin-top: -0.10em;
 }

我需要在代码中动态更改 margin-top 值，因为样式需要在不同的屏幕中更改。

我试过了

Ext.select(".testdiv").setStyle('margin-top','1em').

但这不会将样式应用于伪元素“：之前”。我该怎么做？

Answer 1

即使在 jQuery 中也不可能，但我在这里找到了解决方案：link

您需要为您的 testdiv 元素添加一个额外的类，例如on 并添加css规则：

.testdiv.on:before {
    margin-top: 1em;
}