### 从茫茫人海中，如何找到你？ 选择器是通过表达式找到符合该表达式的所有元素。 ## 一、css选择器 1、*：通用元素选择器，匹配任何元素。 2、E：标签选择器，匹配所有使用E标签的元素。（如div、p、span等） 3、.info：class选择器，匹配所有class属性中包含info的元素 4、#footer：id选择器，匹配所有id属性等于footer的元素 http://developer.51cto.com/art/201009/226852.htm ## 二、优先级（权重计算） `<span id="domId" class="domClass">样例文字</span>` * 内联样式表的权值为 1000 (`<span style="color:red"></span>`) * ID 选择器的权值为 100 (`#domId{color:green}`) * Class 类选择器的权值为 10 (`.domClass{color:blue}`) * HTML 标签选择器的权值为 1 (`span{color:red}`) ~~~ <style> #domId{color:green} /*权值:100 */ .domClass{color:blue} /*权值:10 */ span{color:#666} /*权值:1 */ span.domClass{color:yellow} /*权值:10+1=11 */ </style> <span id="domId" class="domClass" style="color:red">样例文字</span> ~~~ 样例：<em id="domId" class="domClass" style="color:red">样例文字</em> ### 重写时，权值越大样式优先级越高，权值相同时，越后面优先级越高 ## 三、选择器兼容 http://labs.qianduan.net/css-selector/