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

Question

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

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

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

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

我试过

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

但是这并没有将风格应用于伪元素＆＃34;：之前＆＃34; ..我该怎么做？

Answer 1

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

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

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