css 派生选择器
有如下代码：<html><head><styletype="text/css">p{color:red}p#tight{color:blue}</style></head...
有如下代码：
<html>
<head>
<style type="text/css">
p{color:red}
p#tight{color:blue}
</style>
</head>
<body>
<p>This is some text. This is some text.</p>
<p id="tight"><b>This is some text. This is some text.</b></p>
</body>
</html>
输出时字体显示蓝色：
但是将<p id="tight"><b>This is some text. This is some text.</b></p>中的<b>换为<h1>
显示时字体不变为蓝色，这是为什么呢？那位高手解释一下，小弟在此不胜感激！！！ 展开
<html>
<head>
<style type="text/css">
p{color:red}
p#tight{color:blue}
</style>
</head>
<body>
<p>This is some text. This is some text.</p>
<p id="tight"><b>This is some text. This is some text.</b></p>
</body>
</html>
输出时字体显示蓝色：
但是将<p id="tight"><b>This is some text. This is some text.</b></p>中的<b>换为<h1>
显示时字体不变为蓝色，这是为什么呢？那位高手解释一下，小弟在此不胜感激！！！ 展开
1个回答
展开全部
浏览器的默认设置,
B 只是把文本加粗,而h1~6即包含文本字体大小,粗细,颜色等的默认值设置.
而且你上面的
p{color:red}或
p#tight{color:blue}
并没对h1进行设置,就算颜色有继承性,但优先权并没有浏览器直接设置h1的默认值高,所以并不会更改颜色.
B 只是把文本加粗,而h1~6即包含文本字体大小,粗细,颜色等的默认值设置.
而且你上面的
p{color:red}或
p#tight{color:blue}
并没对h1进行设置,就算颜色有继承性,但优先权并没有浏览器直接设置h1的默认值高,所以并不会更改颜色.
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
