为 id="my-id" 元素添加指定样式:
<!DOCTYPE html>
<html>
<title>菜鸟教程(cainiaojc.com)</title>
<head>
<style>
#my-id
{
background-color:red;
}
</style>
</head>
<body>
<h1>欢迎来到我的主页</h1>
<div id="my-id">
<p>我的名字叫兔宝宝.</p>
<p>我生活在加拿大.</p>
</div>
<p>我最好的朋友是丽丽.</p>
</body>
</html>测试看看 ‹/›#id选择器指定具有ID属性的元素的样式。
IEFirefoxOperaChromeSafari
所有主流浏览器都支持 #id 选择器。