CSS的ID选择器之样式选择器（3）

  CSS里的ID选择器主要是用来识别网页中的特殊部分，比如横幅，导航栏，或者网页主要内容区块等。和类选择器一样，创建ID选择器时，也需要在CSS中给它命名，然后将这个ID添加到网页的HTML代码中来应用它。那它们有什么区别呢？因为ID选择器在基于JavaScript，或者非常冗长的网页中有着特殊的用途。

怎么创建ID选择器？
我们知道：类选择器名称用点（.）表示，ID样式选择器则用井号（#）表示，

同样，它也遵循与类选择器完全相同的命名规则。例如：

#idivcss{
 background:#green;
 height:300px;
 width:720px;
}

那我们在什么时候用类选择器还是ID选择器呢？
1、要在一张网页上多次使用某一种样式时，必须使用类选择器。例如，当网页上要对很多张图片添加上边框线。
2、网页只需出现一次特别说明，就选用ID选择器。
3、考虑用ID选择器来避免其他样式的冲突。因为Web浏览器给ID选择器高于类选择器的优先权。例如：当浏览器见到有两个样式应用于同一标签，但它们指定了不同的背景颜色时，就会优先采用ID选择器中指定的背景颜色。

在HTML网页中应用ID选择器也必须将它添加到对应的HTML标签中去。例如：创建一个名#divcss的ID样式，在HTML网页中写入：<p id="divcss">。同样在HTML标签中的CSS样式名称也就不需要加前面的井号（#）了。

新浪微博 QQ空间 腾讯微博 人人网 更多 0