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

Modify CSS psuedo selector style in sencha

本文关键字：选择器 样式 psuedo CSS sencha 中的 修改      更新时间：2023-09-26

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

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

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

我需要在代码中动态更改页边空白顶部值，因为样式需要在不同的屏幕中更改。

我试过

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

但这并不适用于psuedo元素"：before"的样式。。我该怎么做？

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

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

.testdiv.on:before {
    margin-top: 1em;
}
相关文章：