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。

你不会在所有课程中使用！重要。

他总是优先考虑我的CSS文件吗？

Answer 1

您可以向CSS定义添加更多specificity以覆盖其他定义。

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


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

Answer 2

尝试更具体地使用查询选择器。因此，如果您的输入[type = text]在div中，请说'div input [type = text]'。最具体的将永远胜利。

样式表中的类重写CDN

2 个答案: