[分享]css及id选择器

在网页开发中，CSS是最基础的技术之一。不同于 HTML 的内容标记，CSS 更关注网页的样式及布局。其中最常用的 CSS 选择器之一是 ID 选择器。在 HTML 中，一个元素可以被赋予一个 ID ...

在网页开发中，CSS是最基础的技术之一。不同于 HTML 的内容标记，CSS 更关注网页的样式及布局。

其中最常用的 CSS 选择器之一是 ID 选择器。

在 HTML 中，一个元素可以被赋予一个 ID 属性，这个属性的取值是唯一的，也就是说一个网页中同一个 ID 的元素只有一个。

<div id="header">
    <h1>网站标题</h1>
</div> 

在 CSS 中我们可以使用 ID 选择器来选择某个 ID 值相匹配的元素：

#header {
    font-size: 24px;
    color: #333;
} 

其中 # 符号代表 ID 选择器，后跟着的字符串 header 则是想要选择的元素的 ID 值。

需要注意的是，CSS 规定 ID 选择器只能选择页面上唯一的元素，所以如果一个页面存在多个相同的 ID 元素，那么我们就需要对 HTML 及 CSS 进行相应的修改。在开发中，我们也不推荐使用多个相同 ID 元素的架构，这样会使得页面出现问题。