id在css中怎么表示什么-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

id在css中表示ID选择器，ID选择器允许以一种独立于文档元素的方式来指定样式；其中HTML元素以id属性来设置id选择器，而在CSS中id选择器是以“#”来定义，也称为棋盘号或井号。

推荐：《css视频教程》

CSS ID 选择器

在某些方面，ID 选择器类似于类选择器，不过也有一些重要差别。

语法

HTML元素以id属性来设置id选择器，CSS 中 id 选择器以 "#" 来定义- 也称为棋盘号或井号。

请看下面的规则：

1	`*#intro {font-weight:bold;}`

与类选择器一样，ID 选择器中可以忽略通配选择器。前面的例子也可以写作：

1	`#intro {font-weight:bold;}`

这个选择器的效果将是一样的。

第二个区别是 ID 选择器不引用 class 属性的值，毫无疑问，它要引用 id 属性中的值。

用法：

html
<div class="to">
    <p id="dog">指定具有id元素的样式</p>
</div>
css
 #dog{
        background-color: aqua;
    }

区分大小写

请注意，类选择器和 ID 选择器可能是区分大小写的。这取决于文档的语言。HTML 和 XHTML 将类和 ID 值定义为区分大小写，所以类和 ID 值的大小写必须与文档中的相应值匹配。

因此，对于以下的 CSS 和 HTML，元素不会变成粗体：

1 2	`#intro {font-weight:bold;}` `<p id="Intro">This is a paragraph of introduction.</p>`

由于字母 i 的大小写不同，所以选择器不会匹配上面的元素。

以上就是id在css中怎么表示什么的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者