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

html – 为什么这个列表文本不能继承p的蓝色?,第1张

概述似乎继承适用于颜色,但是当我尝试继承颜色时它的anchestor p,列表不能采用颜色.为什么继承在这种情况下不起作用? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http 似乎继承适用于颜色,但是当我尝试继承颜色时它的anchestor 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>是一个块级元素.

< p为H.不能包含块级元素 – 从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的蓝色?全部内容,希望文章能够帮你解决html – 为什么这个列表文本不能继承p的蓝色?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1067052.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-26
下一篇2022-05-26

发表评论

登录后才能评论

评论列表(0条)

    保存