css中的選擇器

2021-10-18 23:17:19 字數 710 閱讀 8716

層次選擇器:

後代:m n

父子:m>n

兄弟:m~n

相鄰:m+n

屬性選擇器:

m[attr]

= :完全匹配

*= 部分匹配

^= 起始匹配

$= 結束匹配

偽類選擇器:

m:偽類

:hover 滑鼠移入時的樣式 (可以新增給所有的標籤)

:active 滑鼠按下時的樣式 (可以新增給所有的標籤)

:link 訪問前的樣式 (只能新增給a標籤)

:visited 訪問後的樣式 (只能新增給a標籤)

如果四個偽類都生效,順序:l v h a

:after , :before 通過偽類的方式給文字新增文字內容,使用content屬性,在給新增的文字新增樣式時非常方便

:checked 、:disabled、:focus 都是針對表單元素的

結構性偽類選擇器:

nth-of-type()、 nth-child() 角標從1開始,1表示第一項,n表示選擇所有,2n表示選擇偶數項

first-of-type、 nth-child

last-of-type、 nth-child

only-of-type、 nth-child

CSS中的選擇器

1.關係選擇器 a.後代選擇器特點 父元素 子元素,中間是空格什麼都不加 b.兒子選擇器的特點 父元素 子元素,中間是 號 c.相鄰選擇器特點 元素 元素,中間用 號,但是兩者要為同一級才行 d.兄弟選擇器特點 元素 元素,兄弟元素中間用 號,必須要兩個為同一級 2.屬性選擇器 a.格式是標籤名 屬...

Css中的選擇器

常用的選擇器有如下幾種 1 標籤選擇器標籤選擇器,此種選擇器影響範圍大.舉例 div 2 id選擇器 html元素以id屬性來設定id選擇器,css 中 id 選擇器以 來定義。通過id名來選擇元素,元素的id名稱不能重複,所以乙個樣式設定項只能對應於頁面上乙個元素,不能復用,id名一般給程式使用,...

CSS中的選擇器

選擇器可以幫助我們在html中選中想要修飾的標籤 下面選擇器為自己梳理總結 a.標籤名選擇器 根據標籤的名稱選中標籤,格式 標籤名 b.類選擇器 在標籤上新增class屬性,可以根據class的值選中標籤,格式 類名 c.id選擇器 在標籤上新增id屬性,根據id的值選中標籤,id不能重複,格式 i...