html文件:
<!doctype html>
<html>
<head>
<meta charset = "UTF-8">
<title>start buzz</title>
<link rel = "stylesheet" href = "haha.css">
</head>
<body>
<p class = "ha">i am so fancy there </p>
</body>
</html>
css文件:
body
{
background-color: lightgreen ;
padding: 10px 10px 10px 10px ;
}
p .ha
{
color : red;
}
p .ha,这个css选择器表示p标签下、所有class为ha的元素,应该修改为p.ha
p 和 .ha 不能分开 p.ha这样
语法确实有问题,如果想操作那个p
元素的话,css得这么写:
body
{
background-color: lightgreen;
padding: 10px 10px 10px 10px;
}
p.ha
{
color : red;
}
p
和.ha
之间是没有空格的
去掉空格,有空格是表示p标签下类名为ha的标签,而不是类名为ha的p标签