CSS 復合選擇器

2021-10-06 09:25:57 字數 1112 閱讀 1814

class

="food"

>

class

="chuncai"

>

class

="yxrs"

>

魚香肉絲div

>

class

="mxw"

>

毛血旺div

>

div>

class

="yuecai"

>

class

="bqgfj"

>

白切貴妃雞div

>

class

="mzcs"

>

蜜汁叉燒div

>

div>

div>

選擇所有後代(包括兒子,孫子,重孫子。。。)

選擇器之間用空格

父選擇器 後代選擇器

.food .yxrs

.food .yuecai

選擇最近所有的親兒子元素

選擇器之間用》(>),注意不要有空格

父選擇器》子選擇器

.food>.chuancai

.food>.yxrs

用於選擇多組來定義相同的樣式

選擇器之間用英文逗號(,)

任何形式的選擇器都可以作為並集選擇器的一部分

一組選擇器,另一組選擇器

.food .yxrs,.food .bqgfj

.yxrs,.bqgfj

類選擇器用乙個.表示,而偽類選擇器用兩個.表示:所以它叫偽類選擇器

偽類選擇器用於向某些特定選擇器新增特殊的效果,比如選擇有超連結的,第n個子元素

偽類選擇器最大的特點就是用冒號(:)表示,比如: :hover, :first-child

a:link

a:first-child

有:a:link , a:visited, a:hover, a:active,  注意:他們要寫都寫,而且順序不能亂,

記憶法: lv包包好(hao) -> lvha

這個選擇器用於獲取焦點(游標)的表單元素

input: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。記憶技巧 交集選擇器 是 並且的意...