【问题标题】:How to add a style sheet only to child page without affecting to the master page?如何仅将样式表添加到子页面而不影响母版页?
【发布时间】:2017-02-03 13:31:51
【问题描述】:

我尝试在我的项目中向子页面添加一些特殊功能,而不将其应用到母版页。因此我向它添加了一个样式表,现在它给了我几个警告,如下所示。

警告 1 更新 JScript IntelliSense 时出错:System\JS\materialize.js:预期标识符、字符串或数字 @ 1774:16 System\agencyAdmin.aspx 1 1 上诉

警告 2 验证(XHTML 1.0 过渡):元素“链接”不能嵌套在元素“td”中。 System\agencyAdmin.aspx 8 6 申诉

警告 4 验证(XHTML 1.0 过渡):属性“data-collapsible”不是元素“ul”的有效属性。 System\agencyAdmin.aspx 14 33 竞争诉求

此外,当我执行程序并加载相关页面时,浏览器会提示错误为“Internet Explorer 已停止工作”。
然后它显示以下错误。

JavaScript 运行时错误:“$”未定义

我已经在这个网站和互联网上找到了一些其他答案。但对我不起作用。
这是母版页标题部分中的代码

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="CDDS_Master.master.cs" Inherits="ccs.CDDS_Master"  %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">

    
    <asp:ContentPlaceHolder id="head" runat="server">
      <title></title>
    </asp:ContentPlaceHolder>
    <asp:ContentPlaceHolder ID="agency" runat="server">
    </asp:ContentPlaceHolder>
    
 <style type="text/css">
        .style1
        {
            height: 75; 
            width: 1024px;
            border-collapse: collapse; 
           
        }
        .styPageData
        {
        	 height:625px;
            width:934px;
      
            vertical-align:top;
        }
        .style4
        {
            height: 113px;
            width: 100%;
 
        }
        .style5
        {
            width: 925px;
            height: 103px;
        }
        .style7
        {
            width: 653px;
            height: 78px;
        }
        .style8
        {
            height: 78px;
            width: 245px;
        }
       
        .style9
        {
            width: 183px;
        }
        .styTreeWith
        {
            width: 200px;
        }
        .reportView
        {
            overflow:scroll;
        }
       
    </style>
    <link href="CSS/StyleSheet.css" rel="stylesheet" type="text/css" />
    
</head>

这是子页面中的代码

<%@ Page Title="" Language="C#" MasterPageFile="~/ccs.Master" AutoEventWireup="true"
    CodeBehind="agencyAdmin.aspx.cs" Inherits="ccs.agencyAdmin" %>


<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="agency" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <link href="CSS/materialize.css" rel="stylesheet" type="text/css" />
    <link href="CSS/materialize.min.css" rel="stylesheet" type="text/css"/>
    <script src="JS/materialize.js" type="text/javascript"></script>
    <script src="JS/materialize.min.js" type="text/javascript"></script>

    <div id="divCol" style="width: 100%; height: auto; float: left">
        <ul class="collapsible" data-collapsible="accordion">
            <li>
                <div class="collapsible-header">
                    <i class="material-icons">filter_drama</i>First</div>
                <div class="collapsible-body">
                    <p>
                        Lorem ipsum dolor sit amet.</p>
                </div>
            </li>
            <li>
                <div class="collapsible-header">
                    <i class="material-icons">place</i>Second</div>
                <div class="collapsible-body">
                    <p>
                        Lorem ipsum dolor sit amet.</p>
                </div>
            </li>
            <li>
                <div class="collapsible-header">
                    <i class="material-icons">whatshot</i>Third</div>
                <div class="collapsible-body">
                    <p>
                        Lorem ipsum dolor sit amet.</p>
                </div>
            </li>
        </ul>
    </div>

</asp:Content>

【问题讨论】:

  • 来吧,在来这里之前想一想和工作一下,请别人为你工作-解决它并不难。
  • 对我来说是的。我在互联网上尝试了很多东西。有很多答案,我也试过了
  • 只需按正确的顺序放置 ContentPlace 并在需要时添加更多内容。现在,如果你不明白那是什么......

标签: css asp.net master-pages


【解决方案1】:
use this code in child class



 <%@ Page Title="" Language="C#" MasterPageFile="~/ccs.Master" AutoEventWireup="true"
            CodeBehind="agencyAdmin.aspx.cs" Inherits="ccs.agencyAdmin" %>


        <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
        <link href="CSS/materialize.css" rel="stylesheet" type="text/css" />
            <link href="CSS/materialize.min.css" rel="stylesheet" type="text/css"/>
            <script src="JS/materialize.js" type="text/javascript"></script>
            <script src="JS/materialize.min.js" type="text/javascript"></script>

<style type="text/css">
        .style1
        {
            height: 75; 
            width: 1024px;
            border-collapse: collapse; 

        }
        .styPageData
        {
             height:625px;
            width:934px;

            vertical-align:top;
        }
        .style4
        {
            height: 113px;
            width: 100%;

        }
        .style5
        {
            width: 925px;
            height: 103px;
        }
        .style7
        {
            width: 653px;
            height: 78px;
        }
        .style8
        {
            height: 78px;
            width: 245px;
        }

        .style9
        {
            width: 183px;
        }
        .styTreeWith
        {
            width: 200px;
        }
        .reportView
        {
            overflow:scroll;
        }

    </style>
        </asp:Content>
        <asp:Content ID="agency" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">


            <div id="divCol" style="width: 100%; height: auto; float: left">
                <ul class="collapsible" data-collapsible="accordion">
                    <li>
                        <div class="collapsible-header">
                            <i class="material-icons">filter_drama</i>First</div>
                        <div class="collapsible-body">
                            <p>
                                Lorem ipsum dolor sit amet.</p>
                        </div>
                    </li>
                    <li>
                        <div class="collapsible-header">
                            <i class="material-icons">place</i>Second</div>
                        <div class="collapsible-body">
                            <p>
                                Lorem ipsum dolor sit amet.</p>
                        </div>
                    </li>
                    <li>
                        <div class="collapsible-header">
                            <i class="material-icons">whatshot</i>Third</div>
                        <div class="collapsible-body">
                            <p>
                                Lorem ipsum dolor sit amet.</p>
                        </div>
                    </li>
                </ul>
            </div>

        </asp:Content>

【讨论】:

  • 使用编辑过的代码有时内部 CSS 无法从母版页工作。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-03-22
  • 1970-01-01
  • 2010-12-04
  • 2012-02-25
  • 1970-01-01
相关资源
最近更新 更多