这里主要介绍Bootstrap里用到的CSS语法，以便在源码分析时更容易理解和学习。Bootstrap的CSS组件的核心就是选择器的定义以及在各自优先级上的处理。

优先级

　　如何确定CSS的优先级，这里我们先要引入一个机制，分别用4个数字（a,b,c,d）表示优先级组合，比如1,1,1,1和0,1,0,1。它们的意思分别是：

• 第一个数字（a）表示style属性，优先级最高。由于一般都是class样式，所以该值一般都是0。
• 第二个数字（b）是该CSS选择器上的id数量的总和，一般都是1。
• 第三个数字（c）是用在该CSS选择器上的其他属性CSS选择器以及伪类的总和。这里包括class(.btn)和属性选择器(比如li[id=red])
• 第四个数字（d）计算原始(就像table、p、div等)和伪元素(就像first-child等)
• 通用CSS选择器（*）是0优先级
• 如果两个CSS选择器有同样的优先级，在样式表后面的那个起作用。

　　计算下面两个选择器的优先级，结果肯定是第一个比第二个优先级高，因为第一个的优先级是0,2,0,1，而第二个是0,1,0,2。

#leftbar li#first { color: red; }
#leftbar li:first-child{ color: blue; }

CSS基本语法

原文：http://www.cnblogs.com/zhongxinWang/p/5190670.html