欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css什么时候用class和id

程序员文章站 2022-03-01 18:45:32
...

当css样式用于不止一个元素时,使用class来定义;当css样式只应用于一个元素时,使用id来定义。原因:id不能重复,只能使用一次,一个id只能用于一个标签元素;而class可以重复使用,同一个class可以定义在多个标签元素上。

css什么时候用class和id

本教程操作环境:windows7系统、css3版本、Dell G3电脑。

教程推荐:css视频教程

CSS中的选择符除了可以选择HTML预定义的标签,比如<a>,<p>,<div>。还可以选择用户自己定义的id或者class。id与class的最主要不同就在于id不能重复,只能使用一次,一个id只能用于一个标签。而class可以重复使用,同一个class可以定义在多个标签上。实际上从名称就能看出来id与class的区别,id是识别符,而class是类。

那么什么时候使用id,什么时候使用class?

  • 当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的详细内容,更多请关注其它相关文章!

相关标签: css class id