### 從茫茫人海中，如何找到你？ 選擇器是通過表達式找到符合該表達式的所有元素。 ## 一、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/