1. class 是设置标签的类, class 属性用于指定元素属于何种样式的类.
如样式表可以加入. content1 { color: red; background: #ff80c0 } 使用方法: class="content1" .
id 是设置标签的标识. id 属性用于定义一个元素的独特的样式. 如一个 CSS 规则 #content2 { font-size: larger } 使用方法为: id="content2"
概念上说不一样 (下面的两句话还是比较精辟的):
class 是一个样式, 先定义好, 然后可以套给多个结构 / 内容, 便于复用. 也就是说 class 名称可以相同.
id 是一个标签, 用于区分不同的结构和内容, 就象你的名字, 如果一个屋子有 2 个人同名, 就会出现混淆; id 是先找到结构 / 内容, 再给它定义样式;
2. 属性的优先级问题
id 的优先级要高于 class,
- <html>
- <head>
- <style type="text/css">
- #aa
- {
- color:red
- }
- .aa
- {
- color:blue
- }
- </style>
- </head>
- <body>
- <div id="aa" class="aa">I love you.</div>
- </body>
- </HTML>
我知道了 id 就像一家里的爸爸妈妈哥哥弟弟, 他们每个人都有自己的名字身份, 不可混淆 class 就像家里的衣服, 你可以定义他们是各种颜色各种大小, 可以分类好每人的, 但它们也可以任意穿在家庭成员上, 只是合不合适
或者:
同一个 HTML 网页页面可以无数次的调用相同的 class 类; 同样 ID 在页面里也只能出现一次, 并且是唯一性.
以 "#" 来开头命名 id 名称; class 是以小写句号 "." 开头命名.
来源: http://www.bubuko.com/infodetail-3028523.html