2011-05-25 110 views
1

Im a使用jquery的UI插件的选项卡。
这些选项卡动态地将类添加到<ul><ul><li>标记用于可视化。CSS和jQuery的优先级问题

但是我的环境中工作,在那里我只是填补了网站的一部分,这是一个

<div id="content">

块和其它CSS样式里面应用到它。

由于#content ul li比jQuery的ul li更具体,所以第一个优先。

我该如何克服这个问题?

UPDATE:我知道很重要,那不过不回答这个问题,我希望能找到一个解决方案,我并不需要改变jQuery的UI的CSS。 (whatif你会使用一个在线缓存版本?如果你不得不级联所有你可能重新定义它没有重要)

更新2:这绝对不是一个javascript问题,请不要标记它的方式。

回答

5

您可以使用重要的关键字,这使得选择最重要的是,在级联值:

#content ul li { 
    color:red; 
} 
ul li { 
    color:black !important; 
} 

难道这就是你要找的人?

+0

+1在这种情况下有用,但恐怕不适合这种特殊情况。如果我使用的话,我必须在jquery-ui的CSS中插入或者重新定义它们的所有css规则...... – Peter 2011-05-25 09:14:58

+0

此外,在这种情况下,我可以很容易地写入#content ul li {color:black; }。 – Peter 2011-05-25 09:19:28

+0

嗯,你一直在寻找!不太重要的词用来? :)。但是由于不存在,我不能想到任何其他解决方案,只需在CSS中重写!重要的jQuery UI声明。 – zvona 2011-05-25 09:39:22