6.css选择器的优先级
class是设置标签的类,id是设置标签的标识,class属性用于指定元素属于何种样式的类。如样式表可以加入.content1 { color: red; } 使用方法:class="content1";
id属性用于定义一个元素的独特的样式。如一个CSS规则#content2 { font-size: 14px } 使用方法:id="content2";
id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆,所以一个页面相同的id只能有一个;
class是一个样式,可以套在任何结构和内容上,就象一件衣服,可以重复使用;
概念上说就是不一样的:
id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。
在实际应用的时候,Class可能对文字的排版等比较有用,而ID则对宏观布局和设计放置各种元素较有用,ahuing在做页面时,一般css不是id,只用class,而id留给js调用的。
ID 的优先级要高于class,同一个标签的class采用就近原则,离标签最近的级别越高,页面里的css属性高于css文件里的,直接在标签里的属性最高,例如:
<style> {background:#000}</style><div class="black" style="background: #fff;"></div>,
背景就会显示白色。