css常用的選擇器方法

2021-10-10 19:12:03 字數 608 閱讀 7454

1、包含選擇器: 父元素(空格) 子元素{};這裡指父元素下所有的(子元素類)元素,(只要是父元素下的,子元素這一類都包括)。

1.1、div span{};指這個div下所有的span元素都包含 div與span屬於。div屬於祖先,span可能輸div的子,孫等。

2、子選擇器: 父元素 > 子元素{};父元素下子一級所有的(子元素類)元素。(只包含父元素下子一級,不往子一級的下一級擴充套件)

2.1、div > span{};指所有的div下子一級的span。如果span下又包含了乙個span,並不能選擇這span下的span。div與span屬於父子關係。

3、相鄰選擇器:選擇器1 + 選擇器2;指選擇器1後面 緊跟著的選擇器2。(只指選擇器2這乙個選擇器)

3.1 div + span{}; 指與div同級並且是div下邊相鄰的這個span選擇器。如果span相鄰的下邊也有乙個span,並能選擇到。div與span屬於兄弟關係。

4、通用兄弟選擇器:選擇器1~選擇器2 ;指選擇器1後面所有的與選擇器1同一級的選擇器2.

4.1、div~span{}; 指div下邊,所有的span選擇器(不是子選擇器,是同等級的兄弟選擇器,只指div往下數,不往上數),div與span屬於兄弟關係。

CSS常用選擇器

class 選擇器 選擇並設定 class intro 的元素的樣式 intro id選擇器 為 id firstname 的元素設定樣式 firstname 標籤選擇器 選擇並設定所有 元素的樣式 p並集選擇器 使用 逗號 連線兩個選擇器 選擇並設定所有 樣式和所有 元素的樣式 h1,p 後代選擇...

CSS 常用選擇器

選擇器是指通過一定的語法規則選取到對應的html標記,然後給這個對應的html標記設定樣式 1.標籤選擇器 寫法 標籤名 標籤選擇器影響範圍大,一般用來做一些通用設定,或用在層級選擇器中。舉例 div 這是第乙個div 這是第二個div 2.類選擇器 寫法 類名 通過類名來選擇元素,乙個類可應用於多...

css常用選擇器

css 層疊樣式表 作用 美化html 行內式 css選擇器 外鏈式為單獨書寫的乙個css檔案,內容類似內嵌式,但是沒有內嵌式的外部標籤 如下 標籤選擇器 p color darkseagreen font family 楷體 font weight 200 id選擇器 id color india...