优先级问题(权重)

css引入方式

1. 内联样式 <div style="css样式"></div>
2. 内部样式 <style> css样式 </style>
3. 外部样式 <link rel="stylesheet" href="样式表链接" />

在选择器精度一致时

1. 内联样式 > 内部样式 > 浏览器缺省(默认)样式
2. 内联样式 > 外部样式 > 浏览器缺省(默认)样式
3. !important > 内联样式 > 浏览器缺省(默认)样式
4. !important > 内部样式 > 浏览器缺省(默认)样式

类选择器，标签选择器，ID选择器，属性选择器的权重

ID选择器( #id ) > 类选择器( .className ) = 属性选择器( [name] 、[placeholder] 之类的) > 标签选择器(div, p, a等)

html中，帧元素（frameset）的优先级最高，表单元素比非表单元素的优先级要高。

表单元素包括：文本输入框、密码输入框、单选框、复选框、列表框等各种输入框

非表单元素：a、div、p等

所有的html元素又可以根据显示分为两类：有窗口元素以及无窗口元素。有窗口元素总是显示在无窗口元素的前面。

有窗口元素包括：select元素，object元素，以及frames元素等；

无窗口元素：大部分html元素都是无窗口元素。