1. 引言 　　上一節《css知多少（5）——選擇器》最后提到，選擇器類型過多將導致一些問題，是什么問題呢？咱們直接舉例子說明。 　　 　　上圖中，css中的兩個選擇器都是針對<span>的，而且兩個設置的顏色不一樣，這里的<span>到底聽從誰的命令？ 　　上面 ...

前面的話 　　CSS的一個核心特性是能向文檔中的一組元素類型應用某些規則，本文將詳細介紹CSS選擇器 　　[注意]關於選擇器兼容性的詳細信息移步至此 通配選擇器 　　星號*代表通配選擇器，可以與任何元素匹配 元素選擇器 　　文檔的元素是最基本的選擇器 ...

選擇器的用處就是告知瀏覽器，我這一大堆的樣式要用在哪些元素 選擇器很重要，學好了，可以減少很多CSS代碼，不用像以前一樣，一大堆類選擇器。 以下為了方便查看CSS代碼，我采用內聯樣式的方法，但在實際開發中，建議用外聯樣式，這有利於頁面的性能優化。 id選擇器 id選擇器，要在標簽添加id ...

一、基本選擇器 1. * 通用元素選擇器，匹配任何元素 2. E 標簽選擇器，匹配所有使用E標簽的元素 3. .info class選擇器，匹配所有class屬性中包含info的元素 4. #footer id選擇器，匹配所有id屬性等於footer的元素 二、多元素的組合選擇器 ...

1、標簽選擇器 2、類選擇器 3、id選擇器 4、通配符選擇器（*） 5、連接類偽類選擇器（a:hover） 6、結構偽類選擇器(first-child(),last-child(),nth-child(),nth-last-child()) 7、目標偽類選擇器(:target 被選 ...

1. id選擇器(#myid) 根據id的值選擇元素 2. 類選擇器(.myclassname) 根據class的值選擇元素 3. 標簽選擇器(div,h1,p) 根據標簽選擇元素 4.相鄰選擇器/兄弟選擇器(h1+p) 匹配緊跟第一個選擇器，並且匹配第二個選擇器內的元素，如緊跟h1元素后 ...

一、后代選擇器 選取指定元素的后代元素 與子元素選擇器相比，后代選擇器選取的不一定是直接后代（兒子），而是作用於所有后代元素（兒子、孫子、重孫…）都可以。 實例：（選取類為 box的元素的 id為aa后代元素） HTML CSS 二、（> ...

css的選擇器是還是比較富的，主要的css選擇器如下： 標簽選擇器（如：body,div,p,ul,li） .類選擇器（如：class="head",class="head_logo"） ID選擇器（如：id="name",id="name_txt"） 全局 ...