#my-element { color: blue; }
上面的代码中,“#”是id选择器的标识符。在这种情况下,“my-element”是元素的ID。这将导致所有带有id“my-element”的元素变为蓝色。
如果有多个元素具有相同的ID,则CSS规则将应用于这些元素的第一个实例,而其他实例将被忽略。因此应该避免让多个元素具有相同的ID。
使用id选择器的好处是可以精确地定位需要样式的元素。而且,由于id在整个文档中都是唯一的,因此可以避免应用到其他不必要的元素。
需要注意的是,id选择器不应该滥用。使用id选择器来修改样式是有代价的。在修改ID选择器之后,如果需要将相应的元素移动到另一个位置上,则必须更新CSS代码,或者在新位置上重新定义ID。这也是为什么使用id选择器来定义特定样式时需要小心谨慎。