摘要:偽類選擇器匹配在文檔樹中前面有個兄弟元素的元素,此時大于或等于,并且該元素具有父元素。簡而言之,該選擇器匹配多個位置滿足的子元素。
偽類選擇器 :nth-child & :nth-of-type
nth-child(an+b)匹配在文檔樹中前面有an+b-1個 兄弟元素 的元素,此時n大于或等于0,并且該元素具有父元素。簡而言之,該選擇器匹配多個位置滿足an+b的子元素。
:nth-of-type(an+b) 匹配在文檔樹中第an+b個元素,該元素前面有an+b-1個 相同標簽名的兄弟元素 ,此時n大于或等于0,并且該元素具有父元素。
//css p:nth-child(2){ color:red; } div:nth-of-type(2){ color:red; } //html:empty//result:只有 div2 是紅色p1
div1p2
div2
:empty 偽類 代表沒有子元素的元素。 這里說的子元素,只計算元素結點及文本(包括空格),注釋、運行指令不考慮在內。
:target:target 代表一個特殊的元素,它的id是URI的片段標識符
//html:enabledaba b //css :target { color:red; } //result:點擊鏈接,應用樣式于錨對應id的元素
:enabled 表示任何啟用的(enabled)元素。如果一個元素 能夠被激活 (如選擇、點擊或接受文本輸入)或獲取焦點,則該元素是啟用的。元素還有一個禁用的狀態(disabled state),在被禁用時,元素不能被激活或獲取焦點。
基于關系的選擇器選擇器 | 選擇的元素 |
---|---|
A E | 元素A的任一后代元素E (后代節點指A的子節點,子節點的子節點,以此類推) |
A > E | 元素A的任一子元素E(也就是直系后代) |
E:first-child | 任一是其父母結點的第一個子節點的元素E |
B + E | 元素B的任一下一個兄弟元素E |
B ~ E | B元素后面的擁有共同父元素的兄弟元素E |
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/116570.html
摘要:最基本的選擇器是元素選擇器比如選擇器比如還有類選擇器比如。選擇器和類選擇器在速度上的差異基本上沒有關系。現在我們回到討論開始的地方,哪類選擇器是最高效的哪個是會影響選擇器效率的關鍵選擇器寫代碼的時候,關鍵選擇器是能否高效的決定因素。 高效的CSS已經不是一個新的話題了,也不是我一個非得重拾的話題,但它卻是我在工作之時,所感興趣的,關注已久的話題。 有很多人都忘記了,或在簡單的說沒有意識...
摘要:最基本的選擇器是元素選擇器比如選擇器比如還有類選擇器比如。選擇器和類選擇器在速度上的差異基本上沒有關系。現在我們回到討論開始的地方,哪類選擇器是最高效的哪個是會影響選擇器效率的關鍵選擇器寫代碼的時候,關鍵選擇器是能否高效的決定因素。 高效的CSS已經不是一個新的話題了,也不是我一個非得重拾的話題,但它卻是我在工作之時,所感興趣的,關注已久的話題。 有很多人都忘記了,或在簡單的說沒有意識...
摘要:不要在編寫規則時用標簽名或類名不要在編寫規則時用標簽名把多層標簽選擇規則用規則替換,減少查找避免使用子選擇器后代選擇器在中是最昂貴的選擇器。如果你關心頁面性能的話,他們真不該被使用擴展閱讀前端面試題選擇器前端面試題優先級 一、CSS選擇符 CSS選擇符由一些初始化參數組成,這些參數指明了要應用這個CSS規則的頁面元素。 作為一個網站的前端開發工程師,應該避免編寫一些常見的開銷很大的CS...
摘要:不要在編寫規則時用標簽名或類名不要在編寫規則時用標簽名把多層標簽選擇規則用規則替換,減少查找避免使用子選擇器后代選擇器在中是最昂貴的選擇器。如果你關心頁面性能的話,他們真不該被使用擴展閱讀前端面試題選擇器前端面試題優先級 一、CSS選擇符 CSS選擇符由一些初始化參數組成,這些參數指明了要應用這個CSS規則的頁面元素。 作為一個網站的前端開發工程師,應該避免編寫一些常見的開銷很大的CS...
閱讀 2277·2021-09-27 13:35
閱讀 568·2019-08-30 15:55
閱讀 818·2019-08-30 15:53
閱讀 562·2019-08-30 15:52
閱讀 2154·2019-08-30 12:59
閱讀 2277·2019-08-29 16:42
閱讀 1423·2019-08-26 18:26
閱讀 2477·2019-08-26 13:48