(HTML)A標籤偽元素選擇器的繼承關係

2022-01-11 10:16:07 字數 805 閱讀 8226

①如果a:link{}也存在,那麼不管a{}放到**,a{}和a:link{}衝突的屬性都會採用a:link{}的,不衝突的屬性若存在a{}中,會被a:link{}、 a:visited{} 、a:hover{} 、a:active{}都繼承;如果存在a:link{}中,只會被a:link{} 、a:hover{} 和a:active{}繼承,a:visited{}不繼承。

②如果沒寫a:link,只有其餘三個,那麼a:link會繼 承a{}的所有屬性,其餘三個會保持自己的已有屬性並從a{}中繼承沒有的屬性。

③如果沒寫a:hover,只有其餘三個,那麼a:hover{}會繼承a:link{}中的所有屬性,並從a{}中繼承自己沒有的屬性;a:link{}會保持自己已有屬性並從a{} 中繼承沒有的屬性;a:active{}會保持自己已有屬性先從a:link{}中繼承沒有的屬性,再從a{}中繼承至此前還沒有的屬 性;a:visited{}會保持自己已有屬性並直接從a{}中繼承沒有的屬性。

④如果沒寫a:active{},只有其餘三個,那麼a:active{}會繼承a:hover{}的所有屬性,之後上溯到a:link{}中繼承至此之前 自己還沒有的屬性,再從a{}中繼承自己至此仍沒有的屬性;a:hover{}會保持自己已有屬性先從a:link{}中繼承自己沒有 的屬性,再從a{}中繼承至此仍沒有的屬性;a:visited{}會直接從a{}中繼承自己沒有的屬性。

⑤如果沒寫a:visited{},只有其餘三個,那麼a:visited{}會繼承a{}的所有屬性。其餘三個都是保持自己已有屬性先從上一級(分級看上面的須知②,其中 a:link的上級是a)中繼承沒有的屬性,再從a{}中繼承至此自己沒有的屬性。

偽元素選擇器

1.before選擇器 before偽元素選擇器用於在被選元素的內容前面插入內容,必須配合content屬性來指定要插入的具體內容。格式如下 元素 before是指使用標識語言 markup language 通過一系列設計 建模 和執行的過程將電子格式的資訊通過網際網路傳輸,最終以圖形使用者介面 ...

屬性選擇器,偽類選擇器,偽元素選擇器

屬性選擇器 1doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title 屬性選擇器 title 6 style 7 屬性匹配 8 label for 12 屬性名匹配 13 label for pwd 17 以什麼結尾匹配 18 ...

偽元素和偽元素選擇器

偽元素 after和 before after是乙個css偽元素,使用 after,你可以從css裡往頁面上新增內容 不再要在html裡有相應的東西 雖然最終生成的東西並不是真正的dom裡的內容,但這些內容能像普通內容一樣顯示,基本的效果是這樣的 雙冒號 和單冒號 的區別 所有支援css3的雙冒號 ...