CSS样式的优先级
一、就近原则。标签离修饰内容越近,优先级越高。
二、选择器:ID选择器>类选择器>元素选择器(标签内#id >#id ; 标签内.class > .class)
三、样式表:行内样式>内部样式>外部样式
四、标有"!important"的规则有最高优先级。
如(H1{color:black !importan; font-family:sans-serif})
一个元素同时应用多个class,后定义的优先(即近者优先),加上!important者最优先。
从样式选择器看权重优先级:important >内部样式> ID选择器 >类选择器>标签、伪类、属性选择>伪对象>继承>通配符。
行内样式表:用元素标签style属性定义
内部样式表:在<head>标签内,用<style></style>标签定义
外部样式表:
(1)外部链接样式表:<link rel=”stylesheet” type=”text/css” href=”样式表文件”>
(2)导入样式表:@import
<style type=”text/css”>@ 样式表文件.css 选择器{样式属性}</style>