css的class和id分不清？

css的class和id分不清？

分清楚class和id很简单，他们使用的符号不同：

● 定义class的css是用点：“.”，如 .item

● 定义id的css是用井号“#”，如 #nav

class可以在页面里面重复使用，id由于在页面里面只能出现一次，所以不能重复使用，所以尽量用class来写，这样能在页面里面重复引用你写的css，减小工作量和代码量。（相关课程推荐：css视频教程）

使用id的情况：页面大的模块里面，用id来区分不同的模块。比如页面里面有这样的模块：最新新闻，推荐新闻等。就可以考虑用id来区分。还有一点，由于id是页面中唯一的，更多的是定义来留给给页面里面的javascript用。

使用示例：

<div id="nav">
    <ul>
        <li class="item">1</li>
        <li class="item">2</li>
        <li class="item">3</li>
    </ul>
</nav>

#nav{
    background: red;
}
.item{
    color: #fff;
}

注：页面导航只出现一次，所以用id更合适，导航项目有多个，而且样式都相同，可以采用class。

本文来自css3答疑栏目，欢迎学习！

以上就是css的class和id分不清？的详细内容，更多请关注0133技术站其它相关文章！