Re: [問題] 有關超連結的顏色

看板Web_Design作者 (愁痕飄絮)時間16年前 (2008/08/12 18:42), 編輯推噓1(100)
留言1則, 1人參與, 最新討論串2/2 (看更多)
首先,請先記得幾個要點。 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
文章代碼(AID): #18eMaJr_ (Web_Design)
文章代碼(AID): #18eMaJr_ (Web_Design)