提示:怎么在a超链接里面用伪类选择器。
a{
color:#333;
text-decoration:none;
}
a:hover{
color:#369;
text-decoration:underline;
}
注意:
1、为了确保生效,请按照LAHA顺序声明:
link-:visited-:hover-:active
2、记忆法:
love hate或lv包包hao;
3、因为a链接在浏览器中具有默认样式,所以我们实际工作中需要单独指定样式。
自己代码展示:
- html>
- <html lang="en">
-
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>链接伪类选择器、常用的title>
- <style>
- a {
- color: #333;
- text-decoration: none;
- }
-
- a:hover {
- /* 当我们鼠标经过a超链接时候 */
- color: aqua;
- /* 颜色 */
- text-decoration: underline;
- /* a超链接下划线 */
- }
- style>
- head>
-
- <body>
- <a href="#">小猪佩奇a>
-
- body>
-
- html>
显示结果:


提示:这里对文章进行总结:
例如:以上就是今天要讲的内容,本文仅仅简单介绍了怎么在a超链接里面用伪类选择器、鼠标经过颜色变化。