在CSS中标识父类时,BigText插件无法正常工作

时间:2012-05-08 18:23:50

标签: javascript jquery css

我一直在使用以下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/

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

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

不是'真正'的解决方案,但我最终发现的问题是,如果我将我的主题类应用于与大文本相同的div,我会得到所需的结果。

.theme.bigtext{
    font-family:Arial
}

感觉非常黑客,因为在我正在进行的项目中,我需要进行类切换以及javascript中的内容,但是它完成了工作。

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

答案 1 :(得分:0)

你可以试试这个黑客我做了哈哈

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

.bigtext{
    font-family:arial
}

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

编辑:所以如果你把.theme行放在你的主题css中或你实现它的任何方式,我认为只要你有原始行就可以工作lol这是我能提供的全部,我从未使用过bigtext前