UserControls中的Css规则

Css Rules in UserControls

本文关键字：规则 Css 中的 UserControls      更新时间：2023-09-26

如果这个问题的标题很模糊，我很抱歉。。。

我有一个由MasterPage组成的Web应用程序，其中包括我所有的css和js文件，任何其他页面都将加载到MasterPage的内容中。

在一个页面中，我通过javascript调用另一个页面：

  <script type=text/javascript>window.open('ApriOrdine.aspx?ID=B300&MODE=UPD',null,'scrollbars=1')</script>

ApriOrdine.aspx页面包含2个用户控件。我对css规则有问题，我无法使用在css外部文件中编写的css规则设置填充。

这是我的ApriOrdine.aspx:的全部代码

 <%@ Page Title="Orders" Language="C#" AutoEventWireup="true" CodeBehind="ApriOrdine.aspx.cs" Inherits="WebApplication1.ApriOrdine" EnableEventValidation="false" %>
 <%@ Register TagPrefix="UC" TagName="UserControlCom" Src="~/Commessa.ascx" %>
 <%@ Register TagPrefix="UC" TagName="UserControlCli" Src="~/Cliente.ascx" %>
 <head runat="server">
 <link href="css/css.css" rel="stylesheet">
 </head>
<body>
  <form runat="server">
    <div class="ApriOrdine">
        <div>
            <UC:UserControlCom runat="server" ID="ucCommessa" />
        </div>
        <div>
            <UC:UserControlCli runat="server" ID="ucCliente" />
        </div>
    </div>
 </form>
</body>

正如您所看到的，css.css文件包含在head标签后面。

问题是，如果我在css.css中这样写这个css规则，它就不起作用了。

 .ApriOrdine
 {
      padding:50px;
 }

相反，如果我使用样式属性将填充分配给div，它会完美地工作。。。

 <div class="ApriOrdine" style = "padding:50px;">

编辑

这是我完整的源代码

这是css

那么，这里出了什么问题？请帮帮我，谢谢！如果你需要更多的细节，请问我！

我看到的唯一原因是你对css的引用不好。我不知道你项目的结构，但我想主页面和你的.aspx页面不在同一个地方。因此，如果您从母版页复制并粘贴引用，它在.aspx页中不起作用，因为结构不相同。

您可以做的另一件事是，一旦加载页面，打开页面的源代码，查看页面中生成的引用，并确保路径正确。

希望得到帮助。

相关文章：