HTML-class与id的区别及应用

在样式表定义一个样式的时候，可以定义id也可以定义class。

1、在CSS文件里书写时，ID加前缀"#"；CLASS用"."

如只能用id

#nav {
    width: 600px;
    height: 40px;
    margin: 0 auto;
}

<div id="nav">

　　xxxxxxxxxxxxx

</div>

只能用class

.nav {
    width: 600px;
    height: 40px;
    margin: 0 auto;
}

<div class="nav">

　　xxxxxxxxxxxxx

</div>

2、id一个页面只可以使用一次；class可以多次引用。

3、ID是一个标签，用于区分不同的结构和内容，就象名字，如果一个屋子有2个人同名，就会出现混淆；class是一个样式，可以套在任何结构和内容上，就象一件衣服；

4、从概念上说就是不一样的：id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。

目前的浏览器还都允许用多个相同ID，一般情况下也能正常显示，不过当你需要用JavaScript通过id来控制div时就会出现错误。