CSS 復合選擇器

2022-07-11 08:15:09 字數 1249 閱讀 6145

後代選擇器

後代選擇器又稱為包含選擇器,可以選擇父元素裡面的子元素。其寫法是將外層元素寫在前面,內層元素寫在後面,中間用空格隔開。當標籤發生巢狀時,內層元素就成為外層元素的後代。

語法:元素一 元素二

示例:ul li/選擇ul 元素裡面 li 的所有元素/

子選擇器

子元素選擇器(子選擇器)只能選擇某元素的最近一級元素,簡單理解為親兒子選擇器。

語法:元素一 > 元素二

上述語法表示選擇元素1 裡面的所有直接後代(子元素) 元素2。

示例:ul > li/選擇ul裡面最近一級的li元素/

並集選擇器

並集選擇器可以選擇多組標籤, 同時為他們定義相同的樣式。通常用於集體宣告.

並集選擇器是各選擇器通過英文逗號(,)連線而成,任何形式的選擇器都可以作為並集選擇器的一部分。

語法:元素1,元素2

示例:ul,div /* 選擇 ul 和 div標籤元素 */

偽類選擇器

偽類選擇器用於向某些選擇器新增特殊效果,比如給鏈結新增效果,或選擇第乙個,第n個元素。

偽類選擇器書寫最大的特點時用( :)表示,比如:hover 、:first-child

偽類選擇器,比如鏈結偽類、結構偽類等

鏈結偽類選擇器

鏈結偽類選擇器注意事項

:focus 偽類選擇器

:focus用於選取獲得表單得焦點元素。

焦點就是游標,一般情況,表單才能獲取,因此這個選擇器主要是準對表單來說的。

復合選擇器總結

CSS選擇器 復合選擇器

選擇器 名稱 說明 css 版本 通用選擇器 選擇所有元素 2元素選擇器 選擇指定型別的元素1 id 選擇器 選擇指定 id 屬性的元素1.class 選擇器 選擇指定 class 屬性的元素 1 attr 系列 屬性選擇器 選擇指定 attr 屬性的元素 2 3 s1,s2,s3 分組選擇器 選擇...

CSS 復合選擇器

以前介紹了3種 標記選擇器 類別選擇器 id選擇器 基本的選擇器,以這3種基本選擇器為基礎,通過組合,還可以產生更多種類的選擇器,實現更強 更方便的選擇功能,復合選擇器就是由基本選擇器通過不同的連線方式構成的。復合選擇器就是兩個或多個基本選擇器,通過不同方式連線而成的選擇器。1.交集 選擇器 交集 ...

CSS復合選擇器

css復合選擇器 復合選擇器是由兩個或多個基礎選擇器,通過不同的方式組合而成的,目的是為了可以選擇更準確更精細的目標元素標籤。交集選擇器 交集選擇器由兩個選擇器構成,其中第乙個為標籤選擇器,第二個為class選擇器,兩個選擇器之間不能有空格,如h3.special。記憶技巧 交集選擇器 是 並且的意...