css什么时候用class和id?
当css样式用于不止一个元素时,使用class来定义。
当css样式只应用于一个元素时,使用id来定义。
例如导航条,每个页面中,只存在一个顶部导航条的话,可以使用id来定义
<nav id="nav"></nav> // 或者 <div id="nav"></div>
例如商品列表,具有相同的样式,可以使用class来定义
<ul id="list"> <li class="list-item">1</li> <li class="list-item">2</li> <li class="list-item">3</li> </ul>
(相关课程推荐:css视频教程)
class和id的区别
1、使用范围不同:
CLASS属性允许向一组在CLASS属性上具有相同值的元素应用声明。BODY内的所有元素都有CLASS属性。ID属性的操作类似于CLASS属性,ID属性的值在整篇文档中必须是唯一的。
2、表示方法不同:
CLASS类选择器以标志符(句点)开头,用于指示后面是哪种类型的选择器。对于类选择器,之所以选择句点是因为在很多编程语言中它与术语“类”相关联。翻译成英语,标志符表示“带有类名的元素”。ID选择器的标志符是散列符号(#)。标志符用来提醒浏览器接下来出现的是ID值。
3、用途不同:
可以使用CLASS属性来分类元素。ID属性用来标记文档中唯一元素。
本文来自css3答疑栏目,欢迎学习!
以上就是css什么时候用class和id?的详细内容,更多请关注易知道|edz.cc其它相关文章!