2011-05-25 109 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