css扩展选择器

1. 关联选择器

<html>
    <head>
        <title>HTML示例</title>
        <style type="text/css">

            div p{
            
            background-color:red;
            color:greed;
            }
        </style>
    </head>
    <body>
    <!--结合方式一-->
    <!--    <div style="background-color:red;color:green;">。它在中国文学史上具有开拓性意义，是我国古典小说的分水岭，是中国文学史上第一部
        由文人独立创作的长篇小说名著。它借《水浒传》中武松杀嫂一段故事为引子，通过对兼有官僚</div>-->
    <!--结合方式二-->
    <div><p>它在中国文学史上具有开拓性意义，是我国古典小说的分水岭</p></div>
    
    <P>wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww</p>
    </body>
</html>

————————————————————————————————————————

2. 组合选择器

<html>
    <head>
        <title>HTML示例</title>
        <style type="text/css">

            div,p{
            
            background-color:red;
            color:greed;
            }
        </style>
    </head>
    <body>
    <!--结合方式一-->
    <!--    <div style="background-color:red;color:green;">。它在中国文学史上具有开拓性意义，是我国古典小说的分水岭，是中国文学史上第一部
        由文人独立创作的长篇小说名著。它借《水浒传》中武松杀嫂一段故事为引子，通过对兼有官僚</div>-->
    <!--结合方式二-->
    <div>它在中国文学史上具有开拓性意义，是我国古典小说的分水岭</div>
    
    <P>wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww</p>
    
    </body>
</html>

————————————————————————————————————————————————

3. 伪元素选择器

<html>
    <head>
        <title>HTML示例</title>
        <style type="text/css">
            //原始状态
            a:link{
            
            background-color:red;
            color:greed;
            }
            //鼠标放上去状态
            a:hover{
            
            background-color:green;
            }
            //激活状态
                    a:active{
            
            background-color:blue;
            }
            //点击状态后
                    a:visited{
            
            background-color:gray;
            }            
        </style>
    </head>
    <body>
    <!--结合方式一-->
    <!--    <div style="background-color:red;color:green;">。它在中国文学史上具有开拓性意义，是我国古典小说的分水岭，是中国文学史上第一部
        由文人独立创作的长篇小说名著。它借《水浒传》中武松杀嫂一段故事为引子，通过对兼有官僚</div>-->
    <!--结合方式二-->
    <a href="http://www.baidu.com.cn" target="_blank">超级链接它在中国文学史上具有开拓性意义</a>
    
    
    </body>
</html>