前端学习013---CSS id选择器、通配符选择器

最新推荐文章于 2024-08-29 17:21:47 发布

叶言-ne

最新推荐文章于 2024-08-29 17:21:47 发布

阅读量188

点赞数

分类专栏：前端学习笔记文章标签： css html html5

本文链接：https://blog.csdn.net/ketemstion/article/details/120577084

版权

前端学习笔记专栏收录该内容

29 篇文章 0 订阅

订阅专栏

本文详细介绍了CSS中的id选择器和通配符选择器。首先讲解了id选择器的特性和使用方法，然后探讨了通配符选择器在样式应用上的广泛性，最后进行了总结。

摘要由CSDN通过智能技术生成

2.5 id选择器

      HTML元素一id属性来设置id选择器，CSS中id选择器以“#”来定义。
      只能调用一次。

#id名{
    属性1：属性值1；
    ....
}

<!-- 样式#定义，结构id调用 -->
    <!-- 只能调用一次，别人切勿使用 -->
    <style>
        #pink {
            color: pink;
        }
    </style>
</head>
<body>
    <div id="pink">镜中花</div>

    
</body>

在这里插入图片描述

2.6 通配符选择器

 通配符选择器使用“*”定义
 它表示选取页面中的所有元素。
 通配符选择器不需要调用，自动给所有元素使用样式。
 特殊情况才使用。

在这里插入图片描述

<style>
        * {
            color: red;
        }
    </style>
</head>
<body>
    <div>我的</div>
    <span>我的</span>

    <ul>
        <li>还是我的</li>
    </ul>

    
</body>

在这里插入图片描述