javascript - 当在 css 中识别父类时，BigText 插件不起作用

Question

我一直在使用以下 jquery 插件根据容器 div 的宽度设置字体大小：http ://www.zachleat.com/web/bigtext-makes-text-big/我已经能够得到它当我将css中的字体定义为时使用不同的字体

.bigtext{
    font-family:Arial
}

但是，如果我用父类定义 css

.theme .bigtext{
    font-family:Arial
}

它设置的字体太大。

我正在开发的应用程序具有使用不同字体的各种主题，因此我需要能够根据父类为 bigtext 定义不同的样式。

有任何想法吗？

score 1 · Accepted Answer

不是一个“真正的”解决方案，但我最终发现的解决方法是，如果我将我的主题类应用于与大文本相同的 div，我会得到想要的结果。

.theme.bigtext{
    font-family:Arial
}

感觉真的很hack-y，因为在我正在处理的项目中，我需要进行类切换以及javascript中不需要的操作，但它可以完成工作。

score 0 · Accepted Answer

好吧，你可以试试我做过的这个黑客，哈哈

.bigtext{
    font-family:arial
}

.theme .bigtext{
    font-family:arial;
    color:red;
}

编辑：因此，如果您将 .theme 行放在主题 css 中或以任何方式实现它，我认为只要您拥有原始行，它就可以工作，哈哈这就是我所能提供的，我以前从未使用过 bigtext

2 回答 2