Question

我有一个继承主页面的aspx页面。所以这个页面中的内容保存在contentplaceholder里面。内容有一个div说div1，其中有两个div表示div2和div3里面It.When我applay样式它对div1有效，但是对于div2和div3来说它是正确的。
当我使用firebug时，样式表只显示div1的div id。但我也有div2和div3。

这是代码。

<asp:Content ID="Content2" ContentPlaceHolderID="adminCPH1" Runat="Server">
<link href="../Styles/adminStyl.css" rel="stylesheet" type="text/css" />
<div id="div1">
   <div id="div2">
     I am div2 inside div1
   </div>

  <div id ="div3">
    I am div3 inside div1
  </div>
</div>
</asp:Content>

这是样式表：

#div1
{
    background-color:red;
    width:300px;
    height:200px
}

#div2
{
    background-color:green;
    width:100px;
    height:200px
}

#div3
{
    background-color:blue;
    width:100px;
    height:200px
}

修改
这件事现在正在工作。两天前尝试了所有内容后，我保留了代码，当我在工作良好的两天后运行程序时。但是当我在css中进行更改时，它仍然无法正常工作。我使用了萤火虫，现在这显示了我创建的所有div。我从萤火虫中做出改变，它有效。我在原始文件中进行更改，没有任何改变。我不知道发生了什么。我猜重新启动电脑后它会再次工作。

Answer 1

听起来你的CSS文件正在被缓存......这是正常和期望的行为。

在进行更新后，您可以选择在浏览器中显示 Ctrl + F5 以刷新页面的浏览器缓存。

您的另一个选择是在进行更改后向CSS引用添加缓存断开器。

<link href="../Styles/adminStyl.css?v=1" rel="stylesheet" type="text/css" />

进行更改时更改v后的值。

Answer 2

请尝试以下步骤：

在主页中添加contentPlaecHolder
在页面中添加其内容部分
在其中添加样式表定义

检查...

<asp:Content ID="Content2" ContentPlaceHolderID="Head" Runat="Server">
      <link href="../Styles/adminStyl.css" rel="stylesheet" type="text/css" />
</asp:Content>

如果它的工作问题解决了;）但如果没有尝试设置你的div内部的HTML如

希望这很有用

Answer 3

从现在的位置删除CSS标记。然后将样式表从解决方案资源管理器拖到代码视图中母版页的head部分。

Answer 4

好的，你应该使用方法（更改和测试）。这个方法是什么？更改并测试直到找到解决方案现在

请一起替换div id并检查它是否正常工作，结果是什么..

<asp:Content ID="Content2" ContentPlaceHolderID="adminCPH1" Runat="Server">
<link href="../Styles/adminStyl.css" rel="stylesheet" type="text/css" />
<div id="div3">
   <div id="div2">
     I am div2 inside div1
   </div>

  <div id ="div1">
    I am div3 inside div1
  </div>
</div>
</asp:Content>

或

<asp:Content ID="Content2" ContentPlaceHolderID="adminCPH1" Runat="Server">
<link href="../Styles/adminStyl.css" rel="stylesheet" type="text/css" />
<div id="div2">
   <div id="div3">
     I am div2 inside div1
   </div>

  <div id ="div1">
    I am div3 inside div1
  </div>
</div>
</asp:Content>

向我们展示您的结果。

谢谢

css不在asp.net中的contentPlaceHolder div中工作

4 个答案: