[CSS]如何正确使用ID和Class？

【[CSS]如何正确使用ID和Class？】的更多相关文章

[CSS]如何正确使用ID和Class？

作者:DarkZone链接:https://www.zhihu.com/question/19550864/answer/23440690来源:知乎以下摘自<精通CSS:高级Web标准解决方案第2版>,希望对你有用.常常很难决定一个元素应该使用ID 还是类名.一般原则是,类应该应用于概念上相似的元素,这些元素可以出现在同一页面上的多个位置,而ID 应该应用于不同的唯一的元素.但是,究竟哪些元素是概念上相似的,哪些元素是唯一的?例如,假设你的网站顶部包含主导航,在搜索结果页面的底部包含基于页面…

CSS的class、id、css文件名的常用命名规则

CSS的class.id.css文件名的常用命名规则 (一)常用的CSS命名规则头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main…

CSS类选择器和ID选择器

CSS类选择器和ID选择器皆允许以一种独立于文档元素的方式来指定样式,同时二者皆区分大小写. 区别如下: 第一:在同一个页面内,不允许有相同名字的id对象出现,但是允许相同名字的class 第二:当页面中用到js或者要动态调用对象的时候,要用到id(当然class也会用到,但是id更常用). 第三:id选择器不能结合使用,class可单独使用,也可与其他元素结合使用. 第四:class有多类选择器,id选择器则无,如 <p class="important warning">…

div+css样式表的id,class的常用命名规则

div+css样式表的id的常用命名规则如下表所示: div+css样式表的id的常用命名规则如下表所示: 页头 header 登录条 loginBar 标志 logo 侧栏 sideBar 广告 Banner 导航 nav 子导航 subNav 菜单 menu 子菜单 subMenu 搜索 search 滚动 scroll 页面主体 main 内容 content 标签页 tab 文章列表 list 提示信息 msg 小技巧 tips 栏目标题 title 加入 joinus 指南 guild…

【CSS】class和id命名规则

说明,本篇内容为书籍<高流量网站CSS开发技术>的学习总结,文字出自书本书不错,推荐阅读学习也可参阅网上的博文原载:彬Go链接:http://blog.bingo929.com/css-coding-semantic-naming.html class和id是用来建立CSS到HTML文件内部的衔接注意,有些选择器的写法应考虑浏览器兼容问题,如nth-child选择器,多class选择器.classA.classB(IE6和以前的版本不能理解) 对于元素class和id命名,有几件事要放…

CSS的Class以及ID选择器

9.CSS的Class以及ID选择器 id和class的不同指出在于一个页面同一个ID只能只有一次,而class可以无限制使用. 同样,你可以在html选择器后面使用一个选择器来指定特殊HTML元素,比如p.jam{值}将作用到带有'jam'class属性的段落.10.这个都差点忘了.页面布局 clear float disply等这几个,关于网站用div+css主要把这个用好.总结:基本上都差不多,css的概念都有了一个了解,必定我们是做web开发,但是css,html前端的我们不能不知道,要…