css中的選擇器

id選擇器

#id{}

類選擇器

.classname{}

元素選擇器

element{}

子代選擇器

part1 > part2{}

後代選擇器

part1"空格"part2{}

兄弟選擇器

後乙個兄弟：part1 + part2

所有兄弟：part1 ~ part2

屬性選擇器

[id]：選擇具有id屬性的元素

[id=『1』]：選擇具有id屬性並且屬性值為』1』的元素

[class ~= 『one』]：選擇具有class屬性，並且屬性值之一等於』one』的元素

[class *= 『o』]：選擇具有class屬性，並且屬性值中包含』o』字元的元素

[class ^- 『o』]：選擇具有class屬性，並且屬性值以』o』開頭的元素

[class $= 『o』]：選擇具有class屬性，並且屬性值以』o』結尾的元素

組合選擇器(或者)

part1, part2{}

巢狀選擇器(並且)

part1part2{}

偽類選擇器

偽元素選擇器

::after

::before

::first-line

::first-letter

::selection

我們通過權重量化乙個選擇器

在整個選擇器中，每包含乙個id選擇器加100的特性值，其他的類推。

注:先看級別：行內樣式》內部樣式》外部樣式

級別相同，再看權重：權重越大，優先順序越高

權重相同:後寫的樣式覆蓋先寫的樣式

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