#example { background-color: yellow; color: blue; font-size: 20px; }
上面的代码就是用于设置id为“example”的元素的样式,其中background-color设置背景颜色为黄色,color设置字体颜色为蓝色,font-size设置字体大小为20像素。
在HTML文件中,大家需要使用id属性为某个元素设置唯一的id。例如:
<div id="example"> 这是一个拥有唯一id的div元素 </div>
上面的代码就是为一个div元素设置了一个唯一的id名为“example”。在CSS样式表中,大家可以通过在选择器中使用#符号后跟id名称来选中具有该id的元素,然后设置其样式。
使用id选择器可以为网页中的特定元素设置独特的样式,但应当避免滥用id选择器,因为重复使用相同的样式会导致代码冗长和难以维护。