我怎樣才能爲外部CSS文件添加額外的元素樣式？

Question

這是我的網站標題用2樣式表包括：

<link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> 
<link href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" media="screen" /> 
<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script> 
<script type="text/javascript" src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

此代碼是在jQuery的ui.css文件：

.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus { 
    border: 1px solid #999999; 
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; 
    font-weight: normal; 
    color: #212121; 
} 

我還從jquery.com使用外部樣式表：
//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css

現在我需要改變的不透明度屬性UI狀態懸停，而無需下載CSS文件和手動編輯到：

.ui-state-hover{ 
opacity:0.1; 
} 

所以在我的style.css內部文件I補充說：

.ui-state-hover{ 
    opacity:0.1; 
    } 

但是，它不工作...

我如何添加額外的樣式規則，而無需下載，編輯文件手動和上傳？我應該只使用內部樣式表嗎？

Answer 1

它不工作，因爲在庫中的定義更爲具體http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

感謝techfoobar

Answer 2

使用

Answer 3

您可以在內部使用的樣式表!important。

請檢查下面的代碼..

希望這將幫助你..

或切換就像下面的樣式表的加載順序..

<link href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" media="screen"> 
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"> 

Answer 4

開關您的CSS下載訂單：

<link href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" media="screen"> 
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"> 

先加載用戶界面，然後加載自己的CSS，這將允許您在不使用（壞）！重要的情況下覆蓋某些設置。

一定要將確切的特定選擇器複製到您自己的CSS，然後覆蓋會發生。