基础选择器之id选择器_使用图像的 id 作为选择器-优快云博客

本文详细介绍了HTML中的id选择器及其在CSS中的使用。id选择器通过#标识，用于为特定的HTML元素设定样式，每个id在文档中只能出现一次。文章通过示例展示了如何设置id为'nav'的元素颜色为红色，并强调了id选择器的独特性质，如唯一性和常用于JavaScript交互。此外，还对比了id选择器与类选择器的区别，类选择器可复用而id选择器则强调唯一性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

id选择器可以为标有特定id的HTML元素指定特定样式。

HTML元素以id属性来设置id选择器，CSS中id选择器以“#”来定义。

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

例如，将id为Nav元素中的内容设置为红色。

#nav {
    color：red；
}

注意：id属性只能在每个HTML文档中出现一次。

每个标签都有一个属性叫id.
在同一界面中id名称是不可以重复的。
编写id选择器时，一定要在id前加上#。
id名称只能由字母，数字，下划线组成。[A-z0-9_], 但是不能由数字开头。
id名称不能是html标签名称。
在企业开发中一般如果仅仅为了设置样式，我们不会使用id,前端开发中id一般是给js使用的。

口诀：样式#定义，结构id调用，只能调用一次，别人切勿使用。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>基础选择器之id选择器</title>
    <style>
        /* id选择器的口诀：样式#定义  结构id调用  只能调用一次  别人切勿使用 */
        #color {
            color: red;
        }
    </style>
</head>
<body>
    <div id="color">首页</div>
</body>
</html>

id选择器和类选择器的区别：