后代選擇器 作用於某個元素層次下的元素 效果： 子選擇器 作用於某個元素的子元素 效果： 相鄰兄弟選擇器 緊接在元素后面的元素 效果： 通用兄弟選擇器 A~B 選擇A元素之后所有同層級B元素。 效果： ...

如果想要通過DOM元素之間的層次關系來獲取特點的元素，如后代元素、子元素、相鄰元素和同輩元素等，那個層次選擇器是一個非常好的選擇。 在介紹層次選擇器之前，我們先在html中寫下如下代碼，后面所有的操作均在此基礎之上。 1、派生選擇器 用於選擇父級下所有的派生子級 ...

div div ：說明div標簽與div標簽才生效 body>div：說明body下面的div標簽全部生效 .active+div:說明active類下面的第一個div生 ...

1.>（子選擇器） #a>p{　　 // 使用 > 號，讓選擇器選擇id="a"的所有子類（直接子類） 結果： 2.+（相鄰選擇器） h1+p，選擇緊接在另一個元素后的元素，而且二者有相同的父元素。只會選擇第一個相鄰的匹配元素 ...

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"） 全局 ...