gpt4 book ai didi

html - 当

标签有子

标签时,CSS 代码不显示正确的颜色

转载 作者:太空宇宙 更新时间:2023-11-04 13:38:26 25 4
gpt4 key购买 nike

我有以下 HTML 代码:

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*
p.second > h2 {
color: red;
}
*/
p > h2 {
color: red;
}
</style>
</head>
<body>

<p >
<h2>hello,world</h2>
<h2>hello,world</h2>
</p>
</body>
</html>

我希望看到红色的hello,world,但事实并非如此。我做错了什么?

最佳答案

问题是:

   <p>
<h2>hello,world</h2>
<h2>hello,world</h2>
</p>

不是有效的 HTML 代码(或者,至少是令人难以置信的草率 HTML 代码)。 <p>标签只能包含行内元素,其中 - 作为 <h2>标签是一个 block 元素。基本上,一旦浏览器看到 <h2>标记它会自动关闭 <p>使两个标签成为 sibling 的标签。您需要使用另一个包含元素,例如 <div> :

   <div>
<h2>hello,world</h2>
<h2>hello,world</h2>
</div>

那么你的风格就是:

div > h2 {
color: red;
}

关于html - 当 <P> 标签有子 <H2> 标签时,CSS 代码不显示正确的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17575982/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com