css优先级详细讲解（必须掌握css基础知识）

css优先级详细讲解（必须掌握css基础知识）id选择器： <div id="name">姓名</div>jquery书写样式：$('#name').css('font-size' '12px');font-size: 12px;;}</style>

---

内联样式： <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>

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

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

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

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

权重问题：