0

我有以下风格，可以按照我的意愿工作：

.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停止正常工作。

4

1 回答 1

2

好的我明白了。好吧，您的外部样式表没有样式规则.title，因此某些组合会覆盖您的样式。为确保您的风格占优势，请尝试使您的规则更具体。如果您有其他元素总是包装您的.title元素，请将它们添加到规则中，如下所示：#container .something .title以获得更具体的规则。

于 2011-06-01T11:10:10.587 回答