CSS Id 选择器

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;
}