CSS学习笔记之关联选择器

最新推荐文章于 2023-08-07 17:18:06 发布

秋忆夏伤

最新推荐文章于 2023-08-07 17:18:06 发布

阅读量358

点赞数

本文链接：https://blog.csdn.net/qq_29331365/article/details/52471614

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <!-- 关联选择器：外面的标签(p标签)放在前面，嵌套的标签(em标签)放在后面，中间空格。-->

    <style type="text/css">
        p em
        {
            background-color:Green;
            font-size:xx-large;    
        }
    </style>
</head>
<body>
    <p><em>今天天气好晴朗</em></p>  <!-- em：斜体 -->
    <em>今天天气好晴朗</em>
    <p>今天天气好晴朗</p>
    <p>今天天气好晴朗</p>
</body>
</html>

页面效果：