标签选择器，类选择器，id选择器

最新推荐文章于 2024-09-04 20:25:56 发布

ztt0918

最新推荐文章于 2024-09-04 20:25:56 发布

阅读量793

点赞数

分类专栏：标签选择器，类选择器，id选择器文章标签：标签选择器类选择器 id选择器

本文链接：https://blog.csdn.net/ztt0918/article/details/70171112

版权

标签选择器，类选择器，id选择器专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        /*标签选择器：作用于当前页面所有匹配标签*/
        li{
            color: red;
        }
        /*类选择器：作用于当前页面所有class值为red的标签*/
        .red{
           color:bisque;
        }
        /*id选择器：id具有唯一性*/
        #z
        {
            color: aqua;
        }
    </style>
    <title>选择器</title>
</head>
<body>
    <ul>
        <li style="color: aqua">1</li>
        <li style="color: aqua">2</li>
        <li style="color: aqua">3</li>
        <li style="color: aqua">4</li>
    </ul>


    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>

    <ul>
        <li>1</li>
        <li class="red">2</li>
        <li>3</li>
        <li class="red">4</li>
    </ul>


    <ul>
        <li id="z">1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>



</body>
</html>