javascript - 在 css 中识别父类时 BigText 插件不工作

Question

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

.bigtext{
    font-family:Arial
}

参见 http://jsfiddle.net/pF5bQ/3/

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

.theme .bigtext{
    font-family:Arial
}

字体太大

参见 http://jsfiddle.net/pF5bQ/4/

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

有什么想法吗？

Answer 1

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

.theme.bigtext{
    font-family:Arial
}

感觉真的很 hack-y 因为在我正在处理的元素中，我需要进行类切换和 javascript 中没有的内容，但它完成了工作。

http://jsfiddle.net/pF5bQ/7/