Re: [問題] 有關超連結的顏色
首先,請先記得幾個要點。
1. CSS 語法一率小寫,或者一率大寫(十分不建議)。
2. 善用「,」,也就是群組挑選元,當你想對數個元素設定相同的樣式時很好用。
3. 文字的相關屬性會繼承,不用重複寫。
a:link, a:visited 這些都是擬類別挑選元 (pseudo-class seletor),
因此我們只需要這樣寫:
.bottom1 a {font-size:14px;}
a 的所有擬類別就會繼承文字大小為 14 像素,不必再重複寫了,除非你要不同的大小。
再來要注意的是擬類別的寫法有順序分別,特別是設定同性質樣式時會有優先權之分。
建議的順序為 link-visited-focus-hover-active,記憶方法為LVHA,愛恨
最後你的 CSS 我修改為以下:
.bottom1 a {font-size:14px; font-weight:200; text-decoration:none;}
.bottom1 a:link, .bottom1 a:visited {
color:#900;
}
.bottom1 a:hover {color:#09f;}
.bottom1 a:active {color:#666;}
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 122.117.202.109
推
08/12 21:46, , 1F
08/12 21:46, 1F
討論串 (同標題文章)
完整討論串 (本文為第 2 之 2 篇):
問題
2
5