CSS中的選擇器

2021-08-16 18:50:32 字數 490 閱讀 9311

1. 關係選擇器

a. 後代選擇器特點:父元素 子元素,中間是空格什麼都不加

b. 兒子選擇器的特點:父元素》子元素,中間是》號

c. 相鄰選擇器特點:元素+元素,中間用+號,但是兩者要為同一級才行

d. 兄弟選擇器特點:元素~元素,兄弟元素中間用~號,必須要兩個為同一級

2. 屬性選擇器

a. 格式是標籤名 [屬性名]

b. 標籤名[屬性名=屬性值]

3. 偽類選擇器

a. first-child表示選擇的第乙個元素

b. last-child表示選擇的最後乙個元素

c. nth-child(n)匹配的第幾個元素

d. 特點是中間加:號例項li:first-child

e. 注意類選擇器是相對父元素的第幾個

4. 偽物件選擇器

a. 例子p::before

b. 例子p::after

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

css中的選擇器

元素選擇器 作用 根據標籤的來選中指定的元素 語法 標籤名 例如 p div id選擇器 作用 根據元素的id屬性來選中指定的元素 語法 id 例子 box1 red 類選擇器 作用 根據元素的class值來選中指定的元素 語法 class的屬性值 class是乙個標籤的屬性,他和id類似,不同的時...