亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

a:hover{color:red;}可以和a{font-weight:bold;}合并嗎?

合并以后效果不一樣,是不是hover必須但須寫呢?

正在回答

9 回答

不能,因為a:hover是鼠標劃過時狀態的設置,而a是鏈接到另一個頁面時的狀態的設置。如果將a:hover中的color:red放在了a里面,那么a所設置的鏈接的文本顏色就是紅色,而不是鼠標劃過才顯示紅色。

0 回復 有任何疑惑可以回復我~
#1

烜烜 提問者

所以說必須單獨寫出來咯?
2016-01-10 回復 有任何疑惑可以回復我~
#2

烜烜 提問者

非常感謝!
2016-01-10 回復 有任何疑惑可以回復我~

<style type="text/css">

a:link {color: #FF0000} /* 未訪問的鏈接 */

a:visited {color: #00FF00} /* 已訪問的鏈接 */

a:hover {color: #FF00FF} /* 鼠標移動到鏈接上 */

a:active {color: #0000FF} /* 選定的鏈接 */

</style>

<body>

<a href="#">百度</a>

</body>

你可以去這樣寫寫 ?看看 效果。

0 回復 有任何疑惑可以回復我~

當然要單獨分開寫啊,因為兩個修飾的完全不是同一個狀態a{}修改的是<a>標簽內內容的樣式,a:hover{}修改的是 當鼠標移動到<a>標簽上時候 內容的改變。

CSS偽類常見的有這4種,這4種是需要學習了解的

a:link {color: #FF0000} /* 未訪問的鏈接 */

a:visited {color: #00FF00} /* 已訪問的鏈接 */

a:hover {color: #FF00FF} /* 鼠標移動到鏈接上 */

a:active {color: #0000FF} /* 選定的鏈接 */

鏈接的不同狀態都可以不同的方式顯示,這些狀態包括:活動狀態,已被訪問狀態,未被訪問狀態,和鼠標懸停狀態。

0 回復 有任何疑惑可以回復我~
#1

烜烜 提問者

謝謝您的總結
2016-05-09 回復 有任何疑惑可以回復我~
a:hover{font-weight:bold;color:red;}

鼠標移過字體變,顏色變。

0 回復 有任何疑惑可以回復我~

哪里有寫a:hover{color:red}

0 回復 有任何疑惑可以回復我~

不可以的,hover,鼠標移動過去的狀態

0 回復 有任何疑惑可以回復我~

他的類型狀態不同 不可以的

0 回復 有任何疑惑可以回復我~

應該是不可以的

0 回復 有任何疑惑可以回復我~

不可以,因為 a{xxxx} ?這里的樣式是一直有效的,a:hover{xxx} 這里的樣式只有在鼠標在a上才有效,鼠標離開這個樣式就無效。

0 回復 有任何疑惑可以回復我~
#1

烜烜 提問者

所以說必須單獨寫出來啦?
2016-01-10 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

a:hover{color:red;}可以和a{font-weight:bold;}合并嗎?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號