css基本选择器

最新推荐文章于 2022-01-26 15:38:04 发布

又一个包子

最新推荐文章于 2022-01-26 15:38:04 发布

阅读量109

点赞数

分类专栏： html基本知识

本文链接：https://blog.csdn.net/whpu1234/article/details/81291446

版权

html基本知识专栏收录该内容

27 篇文章 1 订阅

订阅专栏

/*1. 找出所h1标签*/

/*找出所有p段落标签*/

/*2.通过class寻找相同行数，同一class的标签，（点class名）*/

/*3.通过id找出拥有独特id的p段落标签*/

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css基本选择器</title>
    <style>
    
    h1{     /*1. 找出所h1标签*/
        color:aqua;
    }

    p{      /*1.找出所有p段落标签*/
        color:chartreuse;
    }
    
    .wakaka{   /*2.通过class寻找相同行数，同一class的标签，（点class名）*/
        background-color: crimson;
    }

    #p1{    /*3.通过id找出拥有独特id的p段落标签*/
        color:rgb(243, 30, 23);
        background-color: darkgray;
    }
    </style>
</head>
<body>
    <h1>行数</h1>
    <p id="p1">第一行</p>
    <p>第二行</p>
    <h1 class="wakaka">行数结尾</h1>
    <h1 class="wakaka">行数结尾2</h1>
</body>
</html>