css復合選擇器

2021-10-02 11:54:25 字數 566 閱讀 1744

1、後代選擇器(包含選擇器) 用空格 重要

後代選擇器可以選擇作為某元素後代的元素。

h1 em

上面這個規則會把作為 h1 元素後代的 em 元素的文字變為 紅色。其他 em 文字(如段落或塊引用中的 em)則不會被這個規則選中:

2、子元素選擇器 子選擇器使用了大於號(子結合符)。

與後代選擇器相比,子元素選擇器(child selectors)只能選擇作為某元素子元素的元素。

子元素指親兒子。不包括孫子、重孫子

4這個規則會把第乙個 h1 下面的兩個 strong 元素變為紅色,但是第二個 h1 中的 strong 不受影響:

3、交集選擇器 用點隔開

p.red{

color: red;

red

red

red

red

blue

4、並集選擇器 用逗號隔開,逗號理解為和的意思 重要

h3,span{

color: red;

redred

redred

blue

youyou

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