Css 与母版页 C# ASP.NET答案

【问题标题】：Css With Master Page C# ASP.NETCss 与母版页 C# ASP.NET
【发布时间】：2015-10-02 12:45:29
【问题描述】：

我正在尝试将 css 添加到我的母版页中，但当我将其放入 contentplaceholder 标记时无法正常工作。

谁能解释一下为什么会这样？

<head runat="server">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>XXX</title>
<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<asp:ContentPlaceHolder ID="head" runat="server">
    <link rel="Stylesheet" href="styles/style.css" type="text/css" />
    <link rel="Stylesheet" href="styles/bootstrap.min.css" type="text/css" />
    <link rel="Stylesheet" href="styles/bootstrap-theme.min.css" type="text/css" />
    <script type="text/javascript" src="javascript/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="javascript/bootstrap.min.js"></script>
</asp:ContentPlaceHolder>
</head>

当我这样使用它时，我的 style.css 无法正常工作，引导程序工作正常。但是当我把它（style.css）从我的内容占位符中取出时，它工作得很好。

为什么？

CSS 文件

footer
{
    background-color:Black;
}

页脚进入身体

<footer>
    <div class="row">
        <div class="col-md-4">
            <h5>
                Mapa do Site</h5>
            <ul>
                <li><a href="">Home</a></li>
                <li><a href="">Anuncie</a></li>
                <li><a href="">Veículos Anunciados</a></li>
                <li><a href="">Quem Somos</a></li>
                <li><a href="">Contato</a></li>
            </ul>
        </div>
        <div class="col-md-4">
        </div>
        <div class="col-md-4">
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <p>
                XXX 2015. Todos os direitos reservados.</p>
        </div>
    </div>
</footer>

【问题讨论】：

你怎么能说它不起作用？可能会被其他一些 css 类覆盖。
不，我正在使用页脚标签，没有覆盖任何内容
为什么要在母版页的内容占位符中编写代码？那应该是从子页面推送的吧？
如果改变样式表链接元素的顺序，让style.css在bootstrap和bootstrap-theme css元素之后，是否有效？

标签： c# html css asp.net contentplaceholder

【解决方案1】：

我的错误已经成立。

当我将所有 css 和 js 放入母版页中的 contentplaceholder 时，它是被动地从使用该母版页的另一个页面替换。

比我需要将它从 contentplaceholder 中取出并在开始时使用“../”更改文件的路径。

现在看起来像这样：

<head runat="server">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>XXX</title>
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link rel="Stylesheet" href="styles/bootstrap.min.css" type="text/css" />
    <link rel="Stylesheet" href="styles/bootstrap-theme.min.css" type="text/css" />
    <link rel="Stylesheet" href="styles/style.css" type="text/css" />
    <script type="text/javascript" src="../javascript/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="../javascript/bootstrap.min.js"></script>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>

【讨论】：

【解决方案2】：

这不是一个完美的解决方案，但请尝试...

footer
{
    background-color:Black !important;
}

【讨论】：