                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

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

合并以后效果不一样，是不是hover必须但须写呢？

烜烜

2016-01-10

源自：初识HTML(5)+CSS(3)-升级版 10-3

关注问题我要回答

1770

操作

收起

9 回答

_01234567891011 回答被采纳 +3 积分
2016-01-10

不能，因为a:hover是鼠标划过时状态的设置，而a是链接到另一个页面时的状态的设置。如果将a:hover中的color:red放在了a里面，那么a所设置的链接的文本颜色就是红色，而不是鼠标划过才显示红色。

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

收起回答

烜烜提问者

所以说必须单独写出来咯？

2016-01-10 回复有任何疑惑可以回复我~

烜烜提问者

非常感谢！

2016-01-10 回复有任何疑惑可以回复我~

忆_卿
2016-04-15

a:link {color: #FF0000} /* 未访问的链接 */

a:visited {color: #00FF00} /* 已访问的链接 */

a:hover {color: #FF00FF} /* 鼠标移动到链接上 */

a:active {color: #0000FF} /* 选定的链接 */

</style>

<body>

</body>

你可以去这样写写看看效果。

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

收起回答

忆_卿
2016-04-15

当然要单独分开写啊，因为两个修饰的完全不是同一个状态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 回复有任何疑惑可以回复我~

收起回答

烜烜提问者

谢谢您的总结

2016-05-09 回复有任何疑惑可以回复我~

梦魂者
2016-02-05

a:hover{font-weight:bold;color:red;}

鼠标移过字体变，颜色变。

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

收起回答

xiaodanxu
2016-02-01

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

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

收起回答

宇xixi
2016-01-17

不可以的，hover，鼠标移动过去的状态

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

收起回答

echo_kinchao
2016-01-11

他的类型状态不同不可以的

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

收起回答

_Fitch
2016-01-10

应该是不可以的

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

收起回答

李晓健
2016-01-10

不可以，因为 a{xxxx} 这里的样式是一直有效的，a:hover{xxx} 这里的样式只有在鼠标在a上才有效，鼠标离开这个样式就无效。

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

收起回答

烜烜提问者

所以说必须单独写出来啦？

2016-01-10 回复有任何疑惑可以回复我~

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1229289 人
解答问题 19084 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

1 回答a{font-weight:bold;}

5 回答p span{font-weight:bold;}换成 .stress{font-weight:bold;} 也可以吗

3 回答a{font-weight:bold;}与p a{font-weight:bold;}区别？？？

5 回答#stress{font-size:20px;color:red;}不可以吗？

1 回答好像用.stress{font-weight:bold;}和p span{font-weight:bold;}是一样的，对吗？

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

9 回答

本课相似问答

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