Fatal编程技术网
  • css/
  • Div CSS不工作

Div CSS不工作

css html

Div CSS不工作,css,html,Css,Html,设置背景的CSS可以工作，但是div.about的CSS不能工作 这是我的HTML表： <DOCTYPE! HTML> <head> <link rel="stylesheet" type="text/css" href="CSS.css"> </head> <body> <div class="About" <p>Hi</p> </div

设置背景的CSS可以工作，但是div.about的CSS不能工作

这是我的HTML表：

   <DOCTYPE! HTML>
    <head>
    <link rel="stylesheet" type="text/css" href="CSS.css">
    </head>
    <body>
    <div class="About"
    <p>Hi</p>
    </div>
    </body>
Body标签起作用，但其余的不起作用

我也试过这个

body {
    background-image: url("BG.jpg");
    background-repeat: repeat-repeat;
}
.About{font-size:24px;
color:#ffffff;
background-color:#000000;
padding:50px;
margin:50px;}
}
p.About{font-size:24px;
color:#ffffff;
background-color:#000000;
padding:50px;
margin:50px;
}
这根本不起作用。 还有这个

body {
    background-image: url("BG.jpg");
    background-repeat: repeat-repeat;
}
.About{font-size:24px;
color:#ffffff;
background-color:#000000;
padding:50px;
margin:50px;}
}
p.About{font-size:24px;
color:#ffffff;
background-color:#000000;
padding:50px;
margin:50px;
}
p{font-size:24px;
color:#ffffff;
background-color:#000000;
padding:50px;
margin:50px;

}
“p”标记起作用，但它的应用方式与常规相同。我需要它专门应用于“About”Div

我已经测试过谷歌Chrome和IE浏览器，所以我不认为它的浏览器行为怪异。
知道问题出在哪里吗。

您需要正确地将div标记括起来：

<div class="About">




嗨
而不是

<div class="About"
    <p>Hi</p>
</div>

您需要将标签括起来


<div class="About"> ... </div>



您有许多语法错误，这些错误将导致意外行为，并且您的一条规则不正确。


  • 您没有正确关闭
    div
    ，这可能会导致浏览器误解标记
    • 

  • 在
    .About
    规则中，在
    边距之后有一个额外的
    }
    ：50px这可能导致忽略规则
    • 

  • 规则
    p.About
    将尝试以类为
    .About
    的
    p
    标记为目标。给定您想要的标记
    .About p
    ，它将针对类为
    的元素中的任何
    p
    标记。About
    • 
鉴于您正特别尝试针对
    .About
    div
    中的
    p
    ，您需要的唯一规则是
    .About p
    （不需要
    .About
    和
    p
    规则）
    


    正文{
背景图片：url（“BG.jpg”）；
背景重复：重复；
}
.关于p{
背景色：#000000；
颜色：#FFFFFF；
字体大小：24px；
利润率：50像素；
填充：50px；
}
    

    
嗨
    

    您在CSS中有一个额外的“}”，并正确地将div括起来
    

    <div class = "about">.. </div>

    

    。。

    首先将标签括起来
    

    <div class="About"> ... </div>

    

    .About{font-size:24px;
color:#ffffff;
background-color:#000000;
padding:50px;
margin:50px;
}

    

    <div class = "about">.. </div>

    

    <div class="About"> ... </div>

    

    .About{font-size:24px;
color:#ffffff;
background-color:#000000;
padding:50px;
margin:50px;
}