选择器

来源:互联网 发布:方正字体检测软件 编辑:程序博客网 时间:2024/04/19 14:36

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <style type="text/css">
     /**
      相邻元素选择器
     */
    h1 +p {
        background-color: red;
      }
      /*后代选择器*/
    div h1{
     background-color: blue;
    }
    /*选择指定的子元素*/
    div >p{
     font-size: 18pt;
    }
 </style>
</head>
<body>
 <div>
   <h1>AAA</h1>
   <p>PPPPPPPPPPP</p><!--该元素背景色改变-->
   <p>This is paragraph.</p>
   <p>This is paragraph.</p>
 </div>
</body>
</html>

0 0
原创粉丝点击