防止jQueryui css使包含元素变大

Question

我使用jQuery UI创建标签的典型方法，通过包装asp.net usercontrols如下所示 -

<div id="tabs">
    <ul>
        <li><a href="#tab1">Schools</a></li>
        <li><a href="#tab2">Colleges</a></li>
    </ul>
    <div id="tab1">
        <uc:schools id="ucSchools" runat="server" />
    </div>
    <div id="tab2">
        <uc:colleges id="ucColleges" runat="server" />
    </div>
</div>

标签很棒，但包括jQueyui.css。使我的用户控件的所有内容都比平时更大。

<link href="jquery-ui.css" rel="stylesheet" type="text/css" />

我没有在jqueryui.css中看到任何与我们的样式表有任何名称冲突。

如果您遇到此问题，请建议如何调整css以保持包含div大小intact。

Answer 1

您希望首先优先使用class或覆盖，然后应使用!important

实施例

div { 
   color: #ff0000 !important; 
}

UPDATE：

除!important外，另一种方法是“在页面上的jquery-ui样式表链接后渲染链接标记。因此，您的文件优先并适用于页面”。

实施例

<link href="jquery-ui.css" rel="stylesheet" type="text/css" />
<link href="custom.css" rel="stylesheet" type="text/css" />