スタイルはCSSファイルでは機能しませんが、ページヘッダーではどのような動作をしますか？

Question

かなりシンプルなマークアップ。私は、私のフォームに角を丸めたボックスを追加したいと思います。だから、私はこのCSSマークアップを持っている：

#rcorners2 { 
width:800px; 
height:150px; 
background:lightGrey; 
border-radius: 10px 10px 10px 10px; 
border: 2px solid black; 
overflow:hidden; 
} 

これは「と呼ばれる」だここからDIV：

<div id="rcorners2"> 
    <table> 
     <tr> 
      <td>Blah</td> 
      <td>Blah</td> 
     </tr> 
    </table> 
</div> 

私のアプリは、CSSファイルを持っているので、私はそれにそのマークアップを追加しました。何も起こりません。マークアップがなく、フォームには汎用正方形テーブルが読み込まれます。

マークアップをページのヘッダーセクションに移動しても問題ありません。

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server"> 
    <link rel="stylesheet" href="Content/themes/base/jquery-ui.css"> 
<!-- <link rel="stylesheet" href="/resources/demos/style.css"> --> 
    <script src="Scripts/jquery-ui-1.11.0.js" type="text/javascript"></script> 
<!-- <script src="Scripts/jquery-1.8.2.min.js" type="text/javascript"></script> 
    <script src="Scripts/jquery-ui-1.8.24.min.js" type="text/javascript"></script> --> 

<!--//********************************** 
     // Comment Character Count 
     //********************************** --> 
     <script type="text/javascript"> 
       function textCounter(field, countfield, maxlimit) { 
         setTimeout(function() { 
           if (field.value.length > maxlimit) 
             field.value = field.value.substring(0, maxlimit); 
           else 
             countfield.value = maxlimit - field.value.length; 

         }, 0); 
       } 
     </script> 

    <script> 
      $(function() { 
        var icons = { 
          header: "ui-icon-circle-arrow-e", 
          activeHeader: "ui-icon-circle-arrow-s" 
        }; 
        $("#accordion").accordion({ 
          icons: icons, 
      collapsible: true 
     }); 
    }); 
    </script> 

<style> 
     #rcorners2 { 
       width:800px; 
       height:150px; 
       background:lightGrey; 
       border-radius: 10px 10px 10px 10px; 
       border: 2px solid black; 
       overflow:hidden; 
     } 
</style> 

</asp:Content> 

なぜ1つのスポットで動作しているのですか。これはIE9上で動作する複数ページのC＃/ ASP.netアプリケーションです（ただし、最終的にIE11、Chrome、Firefoxでも動作させる必要がありますが、後で説明します）。

Answer 1

外部のCSSやJSファイルを編集した後、一緒はCtrl +F5を押して通常は良いアイデアです。これにより、ブラウザはファイルをキャッシュから読み込むのではなく、再度ダウンロードするようになります。