样式表中的类将覆盖CDN

Question

我正在使用Jquery UI（具体来说是对话框）

在我的CSS（本地）中，我有我的自定义类，例如input[type='text']在CSS中，有针对输入的jQuery UI自定义，但是它们覆盖了我的自定义类。

如何始终保持最适合自己的样式表？

我尝试过更改顺序：

<link href="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.12/themes/pepper-grinder/jquery-ui.css" type="text/css" rel="stylesheet"/>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

但是它总是加载类CDN。

您不会在所有类中都使用！important吗？

有什么办法可以让他始终优先使用我的CSS文件？

Answer 1

您可以为CSS定义添加更多特异性 ，以覆盖其他定义。

<style>
   div input[type=text] { ... } // more specific, higher weight
   input                { ... } // less specific than previous definition
</style>


<div>
   <input type="text" ... />
</div>

Answer 2

尝试使用查询选择器更具体。 因此，如果您的input [type = text]在div中，请说“ div input [type = text]”。 最具体的总是赢。