选择器嵌套

选择器嵌套

我是p里面的（我最大）span里面的（我老二）em内容（我最小）

我是p里面的（我是老大）em的内容（我是老二）

em里面的内容

 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>选择器嵌套</title>
    <style>
        /*选择器嵌套：p下面的em（老大 老二  老三）*/
        p em{
            color: red;
            font-weight: bolder;
            font-style: italic;
        }
    </style>
</head>
<body>
    <p>我是p里面的（我最大）<span>span里面的（我老二）<em>em内容（我最小）</em></span></p>
    <p>我是p里面的（我是老大）<em>em的内容（我是老二）</em></p>
    <em>em里面的内容</em>
</body>
</html>

　　

posted @ 2017-02-14 14:11  john。  阅读(838)  评论(0)  编辑  收藏  举报