在什麼情況下，樣式不能在CSS文件中工作，但可以在頁眉中工作？

非常簡單的標記。我想添加一個帶圓角的框到我的窗體。所以，我有這樣的CSS標記：在什麼情況下，樣式不能在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上運行它，但這是爲了以後）。

來源

2017-01-09 Johnny Bones

您可能需要重新加載頁面以告訴瀏覽器不要使用緩存的CSS文件.... – adv12

不應該始終將頭文件包含在頭文件中？ –

它在其他瀏覽器中工作嗎？ –

它通常是編輯外部CSS或JS文件後，按下Ctrl鍵+ F5 一起一個好主意。這將強制瀏覽器再次下載文件，而不是從緩存中讀取文件。

來源

2017-01-09 15:39:02 VDWWD

完美，這解決了我的問題！ –

在什麼情況下，樣式不能在CSS文件中工作，但可以在頁眉中工作？

回答

相關問題