CSS：CSS四种常见选择器

最新推荐文章于 2024-02-29 19:07:24 发布

_卷心菜_

最新推荐文章于 2024-02-29 19:07:24 发布

阅读量105

点赞数

分类专栏： java Web搭建文章标签： css 前端

本文链接：https://blog.csdn.net/Thumb_/article/details/121843088

版权

java Web搭建专栏收录该内容

41 篇文章 0 订阅

订阅专栏

在这里插入图片描述
不同选择器的使用方式不同：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS选择器</title>
    <style>
        /* ID选择器："#+id的值" */
        /* 注意：id属性的特点是唯一不可重复的 */
        #p {
            color: antiquewhite;
        }
        /* 类选择器：".+class的值" */
        .myclass {
            color: yellow;
        }
        /* 元素选择器：元素名 */
        span {
            color: brown;
        }
        /* 属性选择器：[属性名] */
        [title] {
            color: aquamarine;
        }
    </style>
</head>
<body>
    <p id="p">这是一个段落内容。</p>
    <p class="myclass">这是一个段落内容。</p>
    <span>这是一个文本内容。</span>
    <p title="this is p.">这是一个段落内容。</p>
</body>
</html>