样式与jQuery UI的风格相冲突

我有以下的风格，我希望它的工作，其工作原理：样式与jQuery UI的风格相冲突

.container { font-family:arial; text-decoration:none; font-size:12px; } 

.title {color:#707070; text-decoration:none; } 
.username {color:#8DAAB8;} 
.dateandtime {color:#A5A7AC;} 

.container:hover .title { color: #000000; } 
.container:hover .username { color: #DF821B; } 
.container:hover .dateandtime { color: #3185B6; }

但由于某些原因，当我下面的样式添加到我的网页（我需要）：

<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css" rel="stylesheet" />

的.title类在原有的风格上述停止工作，它仍然#000000出于某种原因。在正常状态下应该是#707070，当盘旋时应该是#000000。

为什么在添加外部样式表时发生这种情况，如何在不删除外部样式表的情况下阻止发生这种情况？

当我删除外部样式表时，.title类再次开始工作完美，但页面的其余部分jquery-ui-tabs,jquery-ui-sortables停止正常工作。

来源

2011-06-01 oshirowanen

你需要发布你的html以获得答案。最好的办法是创建一个http://jsfiddle.net/，以便其他人可以看到并分析问题。 – rdmueller 2011-06-01 09:52:54

我很想这样做，但html是由服务器端/数据库驱动的。 – oshirowanen 2011-06-01 09:56:33

难道你不能只复制一个示例页面的来源？显然外部CSS中的一些样式覆盖你的，看到完整的HTML和CSS应该使它更容易修复 – svanelten 2011-06-01 10:13:05

好吧，我明白了。那么你的外部样式表没有.title的样式规则，所以一些组合会覆盖你的样式。为了确保您的风格需要预先确定，请尝试使您的规则更具体。如果您有其他元素始终包裹您的.title元素，请将其添加到规则中，如下所示：#container .something .title以获取更具体的规则。

来源

2011-06-01 11:10:10 svanelten

样式与jQuery UI的风格相冲突

回答

相关问题