id选择器语法
id选择器指定具有ID的元素的样式, 注意，在同一个页面中，不允许出现两个相同的id，这个就像没有哪两个人的身份证号是相同的道理一样。id选择器基本语法如下图：
![\"css](\"/images/css_id_selector_1070_1.png\")
id名前面必须要加上前缀“#”，否则该选择器无法生效。id名前面加上“#”，表明这是一个id选择器。
id选择器实例：
为 id="firstname" 元素添加指定样式:
<!DOCTYPE html>
<html>
<head>
<style>
#firstname
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>Welcome to My Homepage</h1>
<div class=\"intro\">
<p id=\"firstname\">My name is Donald.</p>
<p id=\"hometown\">I live in Duckburg.</p>
</div>
<p>My best friend is Mickey.</p>
</body>
</html>
“#firstname{background-color:yellow;}”表示选中id为firstname的元素，然后为这个元素设置CSS属性“background-color:yellow;”。选择器为我们提供了一种选择方式。如果我们不使用选择器，就没办法把实例中的第一个P元素选中。
继续阅读与本文标签相同的文章
-
微软建议企业客户卸载KB4520062累积更新
2026-05-14栏目： 教程
-
他让我国芯片研究停滞13年，还骗走11亿研发资金，现状如何？
2026-05-14栏目： 教程
-
健乐教学机器人可开展的教学实训内容
2026-05-14栏目： 教程
-
5G套餐曝光遭“吐槽”，iphone11受追捧，导致苹果11销量比较高
2026-05-14栏目： 教程
-
为什么修电脑的叫自己不要杀毒和清理垃圾？
2026-05-14栏目： 教程