具有母版页C＃ASP.NET的CSS

Question

我正在尝试将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）放到contentplaceholder之外时，它就可以正常工作。

为什么？

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>

Answer 1

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

footer
{
    background-color:Black !important;
}

Answer 2

我发现了我的错误。

当我将所有的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>

具有母版页C＃ASP.NET的CSS

问题描述

2 个解决方案

解决方案1
0 2015-07-14 04:04:09

解决方案2
0 2015-07-15 02:16:04

具有母版页C＃ASP.NET的CSS

问题描述

2 个解决方案

解决方案1 0 2015-07-14 04:04:09

解决方案2 0 2015-07-15 02:16:04

解决方案1
0 2015-07-14 04:04:09

解决方案2
0 2015-07-15 02:16:04