2012-04-05 69 views
1

我有一個qTip,我用它來顯示數據。除了格式化表格數據之外,它工作得很好。qTip/css格式問題

qTip的內容中嵌入了table。儘管使用了ui-tooltip-green類,但表格內容仍保留在默認樣式表中建立的默認格式。

如何取消默認格式的默認樣式表,並改爲使用ui-tooltip-green類中的樣式?

這裏是什麼樣的提示看起來像一個畫面 - 你可以看到表格數據取了不同的格式:

enter image description here

回答

1

如果您有CSS規則互相覆蓋,並且不知道如何解決它,你可能想要閱讀specificity in css。雖然這聽起來不像是這個問題的原因,但這個問題與這個話題非常相關。就你而言,這聽起來像你沒有規則可以應用到該表,所以它在特定樹的更高處抓住了一些更一般的規則。

要清楚,最容易解決問題的方法可能在於您編輯/添加css規則,以使其具體位於您希望的位置。具體地說(原諒雙關語),你需要在你的CSS中明確表達你想要表格和它的元素像父母一樣的風格。

例如如果工具提示中的鏈接的CSS看起來是這樣的:特定表

.ui-tooltip-green a { 
    color: rgb(0,255,0); 
    font-weight: bold; 
} 

然後更多的條目將迫使風格到該元素,如:

.ui-tooltip-green table a { 
    color: rgb(0,255,0); 
    font-weight: bold; 
} 

沒有看到所有的涉及的代碼很難給出明確的答案,但是從一般意義上說,您只需爲該表添加[更具體的]規則。