详解CSS选择器、优先级与匹配原理

http://developer.51cto.com/art/201009/226852.htm

 

三种基本的选择器类型

语法如下：

      ◆标签名选择器，如：p{}，即直接使用HTML标签作为选择器。

      ◆类选择器，如.polaris{}。

      ◆ID选择器，如#polaris{}。

 

那么选择器的优先级是怎么规定的呢？

       一般而言，选择器越特殊，它的优先级越高。也就是选择器指向的越准确，它的优先级就越高。通常我们用1表示标签名选择器的优先级，用10表示类选择器的优先级，用100标示ID选择器的优先级。比如上例当中 .polaris span {color:red;}的选择器优先级是 10 + 1 也就是11；而 .polaris 的优先级是10；浏览器自然会显示红色的字。