美文网首页
爬虫_031_css基本选择符

爬虫_031_css基本选择符

作者: 为宇绸缪 | 来源:发表于2023-02-13 20:53 被阅读0次

    html选择符(标签选择器)
    就是把html标签作为选择符使用。如 p{....} 网页中所有p标签采用此样式
    如果网页中所有h2标签都采用此样式,可以使用标签选择器

    h2 {
        color: red;
    }
    

    class类选择符(类选择器)
    定义: .类名{样式....} 类选择符可以在网页中重复使用
    可以针对某一类标签,同时进行修改

    .h3_class {
        color: green;
    }
    

    Id选择符(ID选择器)
    定义: #id名{样式.....}
    id选择符只在网页中使用一次,类似于人的身份证独一无二

    #p_id {
        color: yellow;
    }
    

    完整代码

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>列表</title>
        <style>
            h2 {
                color: red;
            }
            .h3_class {
                color: green;
            }
            #p_id {
                color: yellow;
            }
        </style>
    </head>
    <body>
    <h2>这是h2标签</h2>
    <h3 class="h3_class">这是h3标签</h3>
    <p class="h3_class">这是采用h3_class的p标签</p>
    <p id="p_id">这是通过id选择器选择的标签</p>
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:爬虫_031_css基本选择符

          本文链接:https://www.haomeiwen.com/subject/kujskdtx.html