覆盖单个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 
} 

希望有所帮助。