偽類之LoVe HAte(愛恨)原則

2021-07-24 17:38:48 字數 467 閱讀 7269

偽類的定義和概念

優先順序:

若沒有a{}

若無a:link,a:link將採用預設的字型大小和顏色

若無a:hover,a:hover將繼承a:link的所有屬性。若有a:link,a:hover繼承自己沒有的屬性。

若沒有a:active,a:active將先繼承a:hover中的所有屬性,然後從a:link繼承沒有的屬性。

若沒有a:visited,  a:visited將採用預設的字型大小和顏色。

總結:優先順序l->v->h->a。可以這樣記love hate

(愛恨)

乙個滑鼠經過未訪問鏈結同時擁有a:link、a:hover兩種屬性,滑鼠經過的已訪問鏈結同時擁有a:visited,a:hover兩種屬性。如果對於相同元素有針對不同條件的定義,宜將最一般的條件放在最上面,並依此向下,保證最下面的是最特殊的條件,後面的屬性會覆蓋前面的屬性。

CSS基礎之偽類

css偽類 pseudo classes 是用來新增一些選擇器的特殊效果。選擇器示例 示例說明 link a link 選擇所有未訪問鏈結 visited a visited 選擇所有訪問過的鏈結 active a active 選擇正在活動鏈結 hover a hover 把滑鼠放在鏈結上的狀態 ...

css中偽類和偽元素之 after

css中存在一些比較特殊的屬性,稱之為偽類,它們之中最常用的就是定義鏈結的偽 link,visited,hover,active等本文詳細介紹一下after的用法的用法,感興趣的朋友可以了解下,或許對你有所幫助 css中存在一些比較特殊的屬性,稱之為偽類,它們之中最常用的就是定義鏈結的偽 link,...

知識點之偽類和偽元素

有時候我們需要將子標籤浮動起來,但是浮動起來後,父標籤的樣式又用不上,比如 偽元素與偽類 一 偽元素與偽類 二 父標籤中的背景是紅色,但是由於新增了style float left 導致顯示的內容失去了定義的背景 為了了解決該問題,我們可以有兩種方法 在 中新增如下綠色部分 偽元素與偽類 一 偽元素...