在什么情况下，样式不能在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> 

任何想法，为什么它在一个地方，而不是其他？这是一个运行在IE9上的多页C＃/ ASP.net应用程序（尽管我最终需要在IE11，Chrome和Firefox上运行它，但这是为了以后）。

Answer 1

它通常是编辑外部CSS或JS文件后，按下Ctrl键+ F5 一起一个好主意。这将强制浏览器再次下载文件，而不是从缓存中读取文件。