CSS中超連結樣式的書寫順序

2022-02-01 11:04:36 字數 361 閱讀 6079

a.link{}        /* 正常情況下的樣式 */

a.visited{}   /* 已訪問過的樣式 */

a.hover{}    /*  滑鼠超連結移過時的樣式 */

a.active{}    /*  滑鼠在超連線上使用右鍵時的樣式 */

正常的書寫順序應該如上面的寫法,即:lvha,可以按「love,hate" 來幫助記憶

如果沒有按照這個順序的話,那可以顯示的結果就可能會出現問題,比如,在最近的專案中,我就遇到問題,我把a.hover寫在了a.visited的前面,然後當我點選了滑鼠觸發了a.visited後,a.hover就失去了作用,下次再把滑鼠移過超連結時,超連結根本就不會變成a.hover中定義的樣式。

Css樣式書寫順序

我不知道是否有人嚴格按照一定的順序來書寫css的樣式,可以說幾乎都是需要什麼樣式就加什麼樣式,完全沒有考慮過樣式屬性書寫的順序對效能有什麼影響。我一直堅信,前端的效能優化都是從細節堆出來的,不注意css屬性的順序確實也可以實現我們需要的各種操作,但是慢慢的讓自己遵從最優的寫法,提高自己或者是優秀自己...

CSS樣式書寫順序

css樣式的書寫順序,也會影響頁面的載入,所以css樣式的書寫順序也是需要注意一下的。css書寫順序 位置元素定位 自身屬性 文字樣式 文字屬性 c3中新增屬性.位置元素有 position 定位屬性,float 浮動屬性,overflow 溢位屬性,z index 顯示層級問題 自身元素有 寬高 ...

html中超連結樣式

能夠設定超連結樣式的屬性有很多種 如color,font size,font family,background等 超連結有4種狀態,具體在 中講解。1 html中的超連結 class a1 href 馬子日a li ul div 其他 省略 2 編寫css 設定超連結的樣式,如下 li a lin...