選擇器可以幫助我們在html中選中想要修飾的標籤
下面選擇器為自己梳理總結
a.標籤名選擇器
根據標籤的名稱選中標籤,格式:標籤名
b.類選擇器
在標籤上新增class屬性,可以根據class的值選中標籤,格式: .類名{}
c.id選擇器
在標籤上新增id屬性,根據id的值選中標籤,id不能重複,格式:#id值{}
a.後代選擇器
通過父選擇器選中指定的後代元素,格式:父選擇器 後代選擇器{}
b.子元素選擇器
通過父選擇器選中指定的子元素,格式:父選擇器》子元素選擇器{}
c.分組選擇器
將多個選擇器選中的元素一起修飾,格式:選擇器1,選擇器2,…{}
d.屬性選擇器
根據標籤的屬性選中標籤,格式:選擇器[屬性]{}
e.相鄰兄弟選擇器
對於兩個相鄰的元素,通過前面的元素選中後面的元素,格式:大哥(前面元素)+小弟(後面元素,有相同的父級元素){}
f.偽元素選擇器
不僅選中了元素,還選中了元素的狀態
優先順序:選擇器的精確度越高,則優先順序越高,如id>class>標籤名示例**如下
div111
div222
span111
span222
div222
div下的span
font***
font下的span
font***
span111
span222
ppp111p1-span1******
ppp222
a1111
a2222
執行結果:
CSS中的選擇器
1.關係選擇器 a.後代選擇器特點 父元素 子元素,中間是空格什麼都不加 b.兒子選擇器的特點 父元素 子元素,中間是 號 c.相鄰選擇器特點 元素 元素,中間用 號,但是兩者要為同一級才行 d.兄弟選擇器特點 元素 元素,兄弟元素中間用 號,必須要兩個為同一級 2.屬性選擇器 a.格式是標籤名 屬...
Css中的選擇器
常用的選擇器有如下幾種 1 標籤選擇器標籤選擇器,此種選擇器影響範圍大.舉例 div 2 id選擇器 html元素以id屬性來設定id選擇器,css 中 id 選擇器以 來定義。通過id名來選擇元素,元素的id名稱不能重複,所以乙個樣式設定項只能對應於頁面上乙個元素,不能復用,id名一般給程式使用,...
css中的選擇器
元素選擇器 作用 根據標籤的來選中指定的元素 語法 標籤名 例如 p div id選擇器 作用 根據元素的id屬性來選中指定的元素 語法 id 例子 box1 red 類選擇器 作用 根據元素的class值來選中指定的元素 語法 class的屬性值 class是乙個標籤的屬性,他和id類似,不同的時...