css什么时候用class和id?

网页中,常用的几种选择器中包括class类选择器和id选择器,它们有什么区别?又该什么时候使用呢?本篇文章将一一为您解答。

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

推荐阅读