css什么时候用class和id
程序员文章站
2022-03-01 18:45:32
...
当css样式用于不止一个元素时,使用class来定义;当css样式只应用于一个元素时,使用id来定义。原因:id不能重复,只能使用一次,一个id只能用于一个标签元素;而class可以重复使用,同一个class可以定义在多个标签元素上。
本教程操作环境: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的详细内容,更多请关注其它相关文章!
上一篇: 人物头发怎么画?动漫人物女生头发画法
下一篇: 一定要懂WSGI是什么
推荐阅读
-
求教,QQ和YY那个弹窗结构是用什么语言结构?html?xml?结合的是c c++ 还是?_html/css_WEB-ITnose
-
id和name那个是用来标记锚点的标准用法?_html/css_WEB-ITnose
-
怎样用纯html和css更改默认的上传文件按钮样式
-
JavaScript更改class和id的方法_javascript技巧
-
div+css中Class与ID的区别
-
用CSS3和table标签实现一个圆形轨迹的动画的示例代码
-
用CSS3和table标签实现一个圆形轨迹的动画的示例代码
-
html写css样式(用html和css做网页完整代码)
-
用纯css3和html制作泡沫对话框实现代码
-
html写css样式(用html和css做网页完整代码)