CSS中的選擇器

2021-10-07 12:53:03 字數 1126 閱讀 7171

選擇器可以幫助我們在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類似,不同的時...