覆蓋單個YUI對話框樣式

Question

我試圖覆蓋單個YUI對話框中使用的按鈕樣式。我創建了一個css文件，它具有

#mydialog.yui-button { 
// style customization 
} 

其中mydialog是對話框的ID。這不起作用。有人能解釋我做錯了什麼嗎？

Answer 1

你需要對選擇器更具體。如果YUI使用

你會需要像

#wrapper #main a#mydialog.yui-button 

認爲它像這樣

HTML元素= 1類= 10的ID = 100種內聯樣式= 1000

#wrapper=100 + #main=100 + #mydialog=100 + .yui-button=10 = 310 
#wrapper=100 + #main=100 + a=1 + #mydialog=100 + .yui-button=10 = 311 

如果這不起作用，你總是可以訴諸添加重要的。 被警告，使用重要性而不是特異性被認爲是不好的做法，如果幫助不應該做。

例如：

#mydialog.yui-button{ 
    color: #000 !important; 
} 

總是最後一個屬性值之後和分號之前。

最後如果失敗了，你可能沒有正確的類和/或ID。還要確保你的樣式表正在加載。

Answer 2

如果YUI按鈕的CSS類不是「yui-button」，則您的規則不正確。假設你使用「按鈕」元素的按鈕，而不是「輸入」，正確的方法是：

#mydialog button { 
    // style customization 
} 

希望有所幫助。