CSS選擇器分為以下幾類： 元素選擇器、關系選擇器、屬性選擇器、偽類選擇器、偽元素選擇器，類選擇器，ID選擇器
最常見的css選擇器就是元素選擇器，平時構建html頁面用到的p、h1、div等元素選擇器
p{ font-size:15px;}div{ color:#e0e0e0;}
關系選擇器包括后代選擇器，子元素選擇器，相鄰兄弟選擇器 1.后代選擇器
//意味著被class名為part1的元素包裹著的所有span元素的字體顏色設置為紅色.part1 span{ color:red;}<div class="part1"> sdsdsdsd <span>make a world</span> <div> 我不會變紅 <span>i want to make a world</span> </div></div><div> sdsdsdsd <span>make a world</span> <div> 我不會變紅 <span>i want to make a world</span> </div></div>
2.子元素選擇器
3.相鄰兄弟選擇器
注：圖片來自w3cschool官網，詳細內容如下：http://www.49028c.com.cn/css/css_syntax_attribute_selector.asp
偽類選擇器和偽元素選擇器
優先級由上往下 ！important（權重：10000） 直接在標簽內設置樣式（權重：1000） <span style="color:red;"></span> ID選擇器（權重：0100） 類選擇器和偽類選擇器（權重：0010） 元素選擇器和偽元素選擇器（權重：0001） 通配選擇器*對特殊性沒有貢獻（權重：0000）
子元素選擇器優先級（權重+權重）.firstDiv p{}的值為（10+1=11）
新聞熱點
疑難解答
