Question

我正在处理一个小项目，我遇到了一个问题，我所拥有的div的背景颜色没有显示。

HTML：

<!doctype html> 
    <html>
        <head>
            <title>Hello, World!</title>
            <!--references-->
            <link rel="stylesheet" type="text/css" href="styles/index.css" />
            <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
        </head>
            <body>
                <div id="wrapper">
                    <div id = "box">
                        <h1 id="head">Hello, World!</h1>
                    </div> <!--Box-->
                </div> <!--wrapper-->
            </body>
        <script src="js/Index.js" type="text/javaScript"></script>
    </html>

CSS：

body {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300; 
}

#wrapper {
    width: 100%;
    height: 100%;
}

#Box {
    background-color: #EEE;
    Width: 100px;
    Height: 100px;
}

#head {
    font-size: 15pt;
}

我从未遇到过这样的问题，我们将非常感谢任何见解。谢谢。

Answer 1

您需要确保使用相同的案例，类和 id 区分大小写：

将set %num%=%INSERT%更改为#Box

请参阅小提琴https://jsfiddle.net/7ku7qvfx/12/

#box

https://developer.mozilla.org/en-US/docs/Archive/Case_Sensitivity_in_class_and_id_Names

<div id =“box”>的背景颜色不会显示

1 个答案: