CSSはクロムのdevtoolsで動作します。ライブサイトではありません

Question

色んな背景（オーストラリアの英語！）をウェブサイトのナビゲーションに追加し、Chrome DevToolsでテストしましたが、CSSファイルに追加すると何も起こりません。

私はCSSファイルをチェックしており、ページに確実に読み込まれています。セレクタが正しいように見えます。

私はグラフィックデザイナーでウェブ言語に慣れていないので、私の用語が正しくない場合は、私に許してください。

助けていただけたら幸いです！ CSS私が追加されました：

@media only screen and (min-width: 768px) 
.template-index.transparent-menu .main-header { 
    /* Fallback for web browsers that don't support RGBa */ 
    background-color: rgb(0, 0, 0); 
    /* RGBa with 0.6 opacity */ 
    background-color: rgba(0, 0, 0, 0.6); 
    /* For IE 5.5 - 7*/ 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); 
    /* For IE 8*/ 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; 
} 

Answer 1

follwingコードが私のために正常に動作

@media only screen and (min-width: 768px) { 
.template-index .main-header { 
/* Fallback for web browsers that don't support RGBa */ 
    background-color: rgb(0, 0, 0); 
/* RGBa with 0.6 opacity */ 
background-color: rgba(0, 0, 0, 0.6); 
/* For IE 5.5 - 7*/ 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); 
/* For IE 8*/ 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; 
} 
} 

を私は不足しているブラケットを追加し、Webサイト上に存在しない.transparentメニューを削除します。