块级元素背影颜色
来源：12-2 我要独占一行 - 块级元素
慕粉3978917
2017-01-04 13:32
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>内联块状元素</title>
<style type="text/css">
p{background:green;}
</style>
</head>
<body>
<div>div1</div>
<div>div2</div>
<p>段落1<h1>段落1</h1>段落1段落 1段落1</p>
</body>
</html>
为什么只有第一个段落1背景色显示绿色，h1之后的都不起作用
写回答
关注
7回答
-
- 慕前端8788530
- 2017-05-18 20:05:30
因为<p><h1>同属块级元素，谁都要独占一行的，不可能妥协的。
-
- 慕数据1008917
- 2017-01-18 14:54:21
我也想问，是不是和继承有关？
-
- 慕粉1514294462
- 2017-01-04 14:57:27
你可以看看最后浏览器会把这个代码解析成这样，这样写是有问题的你可以把p换成div
-
- 慕粉1514294462
- 2017-01-04 14:51:44
块元素内包含了块元素，显示可能没问题但是样式会出问题
-
- qq_明明_10
- 2017-01-04 14:21:18
或者是<p>段落1<span>段落1 段落1</span>段落1 段落1</p>
span 是行内元素
-
- qq_明明_10
- 2017-01-04 13:53:27
你设置的格式只对p元素有用，要想设置h1的颜色，应该是p,h1{backgroundcolor:green;}
或者是<p>段落1<div>段落1 段落1</div></p><p>段落1段落1 </p>
希望可以帮助到你
-
- IT学者_Crius
- 2017-01-04 13:48:35
好像是因为他们都是块级元素，我试了一下，换成内联元素的话是可以变的，只是猜测我也不懂
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225295 学习 · 18230 问题
相似问题