我有以下样式，因为我希望它起作用：
.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仍然无法正常工作。
答案 0 :(得分：2)
好的，我明白了。那么你的外部样式表没有.title的样式规则，因此某些组合会覆盖你的样式。要确保您的样式具有预先确定性，请尝试使您的规则更具体。如果您有其他元素始终包含.title元素，请将其添加到规则中，如下所示：#container .something .title以获取更具体的规则。