CSS ID选择器

ID选择器

CSS ID选择器允许选择网页元素的ID进行样式表应用。


ID选择器以“#”标识，后面紧跟html元素id名称。


html代码如下：

<div id="nav"><!--nav start-->
  <h2><a href="index.html">首页</a></h2>
  <h2><a href="blog.html">博客</a></h2>
  <h2><a href="guestbook.html">留言板</a></h2>
</div><!--nav end-->


在该html代码如中，有一个id="nav"的DIV网页元素。使用ID选择器对该元素进行样式表应用：

#nav {
    font-size: 14px;
    width: 500px;
}


该CSS样式表示id为nav的网页元素，其宽度为500px，其内文字大小为14px。

提示

通常网页元素的id是唯一的，对应的CSS ID选择器内的样式表也只能作用于该id元素。

补充：DIV+CSS教程

上一个：CSS 类型选择器
下一个：CSS 类(class)选择器