層次選擇器:
後代: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...