css样式优先级问题

内联样式：

 <div style="font-size: 12px;">姓名</div>

外部样式：

 <link rel="stylesheet" href="css/bootstrap.min.css" />

内嵌样式 ：

 <style>
           .name{
                   font-size: 12px;;
            }
 </style>

jquery书写样式：

$('#name').css('font-size','12px');

id选择器： 

<div id="name">姓名</div>

class选择器：

<div class="name">姓名</div>

一般情况下，优先级问题：

！important ：    这个较为特殊，只要写在样式后边  font-size: 20px !important;   那这个样式的权重最高。

jquery书写样式 > 内联样式 > 外部样式;

id选择器 > class选择器 ;

id一般作为数据传输，样式的话尽量使用class；

在html页面中，程序是自上至下执行的，执行晚的优先级高，如果外部样式先执行，内嵌样式后执行，则内嵌样式 > 外部样式

权重问题：

（1）元素，伪元素：	+1	p{font-size:12px;} 直接写p标签的样式
（2）类，伪类，属性：	+10	class选择器
（3）ID：	+100	id选择器
（4）内联样式：	+1000	内联样式
（5）用js书写的样式：	+较高	$('#name').css('font-size','12px');
（6）！important ：	+最高	p{font-size: 20px !important;};

例如以下样式：

p {}                        p为元素                                           总权重就是：1

div p{}                   p与div都是元素                                 总权重是：1=1=2

.div p{}                  .div是类，p是元素                             总权重是：10+1=11

.div .class_p{}         .div是类 .class_p是p元素的class          总权重是：10+10=20