類在樣式表覆蓋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。

你不會在所有課程中使用！

有什麼辦法，他總是優先考慮我的CSS文件？

Answer 1

您可以將更多specificity添加到CSS定義以覆蓋其他定義。

<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]'。最具體的將永遠贏。