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其它相关文章!