问答详情
源自：12-2 我要独占一行 - 块级元素

块级元素背影颜色

<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之后的都不起作用

提问者：慕粉3978917 2017-01-04 13:32

个回答

  • 慕前端8788530
    2017-05-18 20:05:30

    因为<p><h1>同属块级元素，谁都要独占一行的，不可能妥协的。

    0
  • 慕数据1008917
    2017-01-18 14:54:21

    我也想问，是不是和继承有关？

    0
  • 慕粉1514294462
    2017-01-04 14:57:27

    http://img.mukewang.com/586c9c450001d39704000615.jpg


    http://img.mukewang.com/586c9c9d0001962403460495.jpg

    你可以看看最后浏览器会把这个代码解析成这样，这样写是有问题的你可以把p换成div

    0
  • 慕粉1514294462
    2017-01-04 14:51:44

    块元素内包含了块元素，显示可能没问题但是样式会出问题

    0
  • qq_明明_10
    2017-01-04 14:21:18

    或者是<p>段落1<span>段落1 段落1</span>段落1 段落1</p>

    span 是行内元素

    0
  • 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>

    希望可以帮助到你







    0
  • IT学者_Crius
    2017-01-04 13:48:35

    好像是因为他们都是块级元素，我试了一下，换成内联元素的话是可以变的，只是猜测我也不懂

    0