Question

我现在有点困惑......我想制作一个小型HP并且已经无法在我的DIV中添加已定义的CSS标签。如果我在php文件中定义CSS，DIV正确使用它，但如果我在单独的CSS文件中尝试相同的代码，它只应用正文背景。

＆＃xA;＆＃xA;

我希望你能在这种情况下帮助我。

＆＃xA;＆＃xA;

这是它的样子：

＆＃xA;＆＃xA;

＆＃xD;＆＃xA;

  @charset”utf-8“;＆＃xD;＆＃xA; / * CSS Document * /＆＃xD;＆＃xA;＆＃xD;＆＃xA; .index_bg＆＃xD;＆＃xA; {＆＃xD;＆＃xA;背景色：#CCCCCC;＆＃的xD;＆＃XA;};＆＃的xD;＆＃XA;＆＃的xD;＆＃XA;＃index_div＆＃的xD;＆＃XA; {＆＃的xD;＆＃XA ;背景色：#FFFFFF;＆＃的xD;＆＃XA;宽度：2000像素;＆＃的xD;＆＃XA;高度：2000像素;＆＃的xD;＆＃XA;最大宽度：80vw;＆＃的xD;＆＃XA;最大高度：80vh;＆＃的xD;＆＃XA;保证金：10vh汽车10vh汽车; ＆＃xD;＆＃xA;}

＆＃xD;＆＃xA;

 ＆lt;！DOCTYPE html PUBLIC“ -  // W3C // DTD XHTML 1.0 Transitional // EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 ＆lt; html xmlns =“http://www.w3.org/1999/xhtml”＆gt;＆＃xD;＆＃xA; ＆LT; HEAD＆GT;＆＃的xD;＆＃XA; ＆lt; meta http-equiv =“Content-Type”content =“text / html; charset = utf-8”/＆gt;＆＃xD;＆＃xA; ＆lt; title＆gt; 3D Solutions＆lt; / title＆gt;＆＃xD;＆＃xA;＆＃xD;＆＃xA; ＆lt; link href =“css / style.css”rel =“stylesheet”type =“text / css”/＆gt;＆＃xD;＆＃xA; ＆LT; /头＆GT;＆＃的xD;＆＃XA;＆＃的xD;＆＃XA; ＆lt; body class =“index_bg”＆gt;＆＃xD;＆＃xA;＆＃xD;＆＃xA;＆＃xD;＆＃xA; ＆lt; div id =“index_div”＆gt; ＆＃的xD;＆＃XA;＆＃的xD;＆＃XA; Lorem Ipsum。＆＃xD;＆＃xA;＆＃xD;＆＃xA; ＆LT; / DIV＆GT;＆＃的xD;＆＃XA;＆＃的xD;＆＃XA; ＆LT; /体＆GT;＆＃的xD;＆＃XA; ＆LT; / HTML＆GT;

＆＃的xD;＆＃XA;

＆＃的xD;＆＃XA; ＆ #xA;

Answer 1

你的css中有一个错误的分号

.index_bg 
{
    background-color:#CCCCCC;
}; <-- remove this

Answer 2

更改

.index_bg 
 {
    background-color:#CCCCCC;
 };

到

.index_bg 
{
   background-color:#CCCCCC;
}

Answer 3

试试这个......

   .index_bg 
    {
        background-color:#CCCCCC;
    }

    #index_div
    {
        background-color:#FFFFFF;
        width:2000px;
        height:2000px;
        max-width:80vw;
        max-height:80vh;
        margin:10vh auto 10vh auto; 
    }

关闭大括号;

后，请勿放置分号}

Answer 4

@charset "utf-8";
/* CSS Document */

.index_bg 
{
	background-color:#CCCCCC;
}

#index_div
{
    background-color:#FFFFFF;
	width:2000px;
	height:2000px;
	max-width:80vw;
	max-height:80vh;
	margin:10vh auto 10vh auto;	
}

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>3D Solutions</title>

    <link href="css/style.css" rel="stylesheet" type="text/css" />
    </head>

    <body class="index_bg">


    <div id="index_div"> 

    Lorem Ipsum.

    </div>

    </body>
    </html>

HTML中的<style>有效，但不是CSS

4 个答案: