Question

我的CSS设置后台工作，但我的css为div .about没有。

这是我的HTML表格：

   <DOCTYPE! HTML>
    <head>
    <link rel="stylesheet" type="text/css" href="CSS.css">
    </head>
    <body>
    <div class="About"
    <p>Hi</p>
    </div>
    </body>

这是我的CSS表

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

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”标签有效，但是以一般的方式应用它。我需要它专门应用于“关于”Div。

我已经测试过Google Chrome和Internet Explorer - 所以我不认为它的浏览器很奇怪。知道问题是什么。

Answer 1

您需要附上标记

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

在CSS上，你有一个额外的}。

应该是：

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

Answer 2

您有许多语法错误会导致意外行为，并且您的某个规则不正确。

您尚未正确关闭div，这可能会导致浏览器误解标记
在.About规则中，您}之后会额外margin: 50px;，这可能会导致规则被忽略
规则p.About将尝试定位具有类p的{{1}}代码。根据您的标记，您需要.About来定位具有类.About p的元素中的任何p标记

鉴于您专门尝试定位.About p中的.About，您需要的唯一规则是div（.About p和{{1规则不是必需的。）

＆＃13;

.About

＆＃13;

Answer 3

您需要正确附上div标签：

<div class="About">

Answer 4

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

而不是

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

Answer 5

你在CSS中有一个额外的'}'并正确地包含你的div

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

Answer 6

首先附上标签

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

现在应该是

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

Div CSS不起作用

6 个答案: