gpt4 book ai didi

html - 为什么这个列表文本不能继承 p 的蓝色?

转载 作者:技术小花猫 更新时间:2023-10-29 12:12:04 24 4
gpt4 key购买 nike

似乎继承适用于颜色,但是当我尝试继承其 anchor p 的颜色时,列表无法采用该颜色。为什么在这种情况下继承不起作用?

<!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>CSS (1)</title>
<style type="text/css">
p#parag{color:#009;}
</style>
</head>

<body>
<p id="parag">
<ul id="nav">
<li>test</li>
</ul>
</p>
</body>
</html>

最佳答案

<ul>是一个 block 级元素。

<p>不能包含 block 级元素 - 来自 the HTML 4.01 spec :

The P element represents a paragraph. It cannot contain block-level elements (including P itself).

因此浏览器正在尝试修复此错误并生成此 HTML:

<p id="parag"></p>
<ul id="nav">
<li>test</li>
</ul>
<p></p>

解决方案是简单地更改 <p><div> .

关于html - 为什么这个列表文本不能继承 p 的蓝色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6302331/

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