asp.net - 防止 jQueryui css 使包含的元素变大

Question

我使用典型的方法来使用 jQuery UI 创建选项卡，通过如下包装 asp.net 用户控件 -

<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 size intact。

Answer 1

无论class您想要拥有第一优先权还是优先权，那么您应该使用!important

例子：

div { 
   color: #ff0000 !important; 
}

更新：

除了!important，另一种方式是“在页面上的 jquery-ui 样式表链接之后呈现链接标签。因此您的文件优先并适用于页面”。

例子：

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