css3選擇器總結

2021-07-16 09:32:22 字數 534 閱讀 8213

選擇器分為:共分為10種

基本選擇器:萬用字元(*)、元素選擇器(e)、id選擇器(#id)、類選擇器(.class)、群組選擇器(selectori,selectorv)。瀏覽器對選擇器都可使用

層次選擇器:後代選擇器(e f)、子選擇器(e>f)、相鄰兄弟選擇器(e+f)、通用選擇器(e~f)

偽類選擇器:一般有:link、:visited、:hover、:active 、:focus,但是css3分了六種

動態偽類選擇器::link、:visited、:hover、:active 、:focus(獲得焦點)

目標偽類選擇器::target,用來匹配id選擇器的url

語言偽類選擇器:根據不同語言匹配風格

ui元素狀態選擇器:包括啟用、禁用、選中、獲得焦點、失去焦點鎖定和待機:e:checked、e:enable、e:disable

結構偽類選擇器::nth-child(n)、:nth-last-child(n)、nth--of-type(n)

否定偽類選擇器:

偽元素:

屬性選擇器:

css3 選擇器 CSS3選擇器

子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素,則不會被選擇。符號之前書寫父級的選擇器,符號之後寫子級選擇器,必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...

css3選擇器總結

繼承性 子標籤繼承父標籤樣式,預設優先順序最低。有繼承性 文字相關字型樣式 粗細 大小 顏色 型別等 無繼承性 盒子模型相關邊框 背景等 層疊性 相同標籤繼承和定義的樣式累加到一起互不衝突。優先順序 離標籤越近的選擇器優先順序越高,所以相同權重的樣式後者才生效 內聯樣式表 頭部樣式表 匯入樣式表。權...

CSS3選擇器總結

一,css3 選擇器分類 二,選擇器語法 1,基本選擇器語法 選擇器型別 功能描述 通配選擇器 選擇文件中所以html元素 e元素選擇器 選擇指定型別的html元素 idid選擇器 選擇指定id屬性值為 id 的任意型別元素 class 類選擇器 選擇指定class屬性值為 class 的任意型別的...