css的class和id分不清?

不少初学css的同学分不清class和id,本篇文章将介绍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分不清?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读