id选择器可以使用标记有特定id的HTML元素指定特定的样式。id选择器以“#”来定义。列子:
定义的CSS样式
#red{color:red;} #black{color:black;}
在HTML文件中的使用
<p id="red">红色的问题</p> <p id="black">黑色的问题</p>
注意:id属性只能在每个HTML文档中出现一次。
id选择器和派生选择器
id选择器常常用于建立派生选择器
#sider p{ text-align: right; margin-top: 0.1em; }
上面的样式只会出现在id为sider下的html标签的下的p标签中。id可能是一个块级元素也可能是一个内联元素。但是在内联元素中不能放入块级元素,
1. 块级元素可以包含内联元素或某些块级元素,但内联元素不能包含块级元素,它只能包含其它内联元素。
2、块级元素不能放在p里面。
3、有几个特殊的块级元素只能包含内联元素,不能包含块级元素。如h1,h2,h3,h4,h5,h6,p,dt
4、li内可以包含div
5、块级元素与块级元素并列、内联元素与内联元素并列。
id元素在html文档中只能出现一次,但作为css的选择器则可以多次重复的使用
#sider p{ text-align: right; margin-top: 0.1em; } #sider h3{ color:;red; margin-top: 0.1em; }
id选择器单独使用,可以不使用派生器
#sider{ marggin;1em; }
老版本的 Windows/IE 浏览器可能会忽略这条规则,除非你特别地定义这个选择器所属的元素:
div#sider{ marggin;1em; }