CSS常用選擇器

2021-10-13 15:37:40 字數 1462 閱讀 9159

萬用字元選擇器 -->*

element

.class

#id

相容性(以上選擇器相同)

交集選擇器 -->element.class/element#id

並集選擇器 -->element1, element2, element3...

後代選擇器 -->element1 element2

子元素選擇器 -->element1>element2

相鄰兄弟元素選擇器 -->element1 + element2

通用兄弟元素選擇器 -->element1 ~ element2

語法(以上選擇器語法相同)

element1 ~ element2

相容性(以上選擇器相容性相同)

[attribute]

[attribute=value]

[attribute*=value]

[attribute~=value]

[attribute|=value]

[attribute^=value]

[attribute$=value]

語法(以上選擇器語法相同)

[attribute=value]

相容性(以上選擇器相容性相同):link

:visited

:hover

:active

:focus

:first-child

:last-child

:only-child

:nth-child(n)

:nth-last-child

:before

:after

:first-letter

:first-line

::selection

ie9, opera, chrome, safari 支援::selection選擇器

firefox 通過其私有屬性::moz-selection支援

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...