樣式表中的類將覆蓋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]”。 最具體的總是贏。