如何使用css改变元素，当鼠标经过一个链接改变另外个链接
1个回答
展开全部
a 设置链接css样式
a:hover 设置鼠标经过css样式
例如：“百度”该链接，本没有下划线；字体颜色为黑色；字号12px。
设置该链接，鼠标经过时，显示下划线；字体颜色设置为蓝色，字号增加一倍24px。
<html>
<head>
<style type="text/css">
a{
font-size:12px;
color:#000000;
text-decoration:none;
}
a:hover{
font-size:24px;
color:Blue;
text-decoration:underline;
}
</style>
</head>
<body>
<a href="http://www.baidu.com">百度</a>
</body>
</html>
这只是CSS选择器中的一种，css还提供了其他的选择器。详细请查看：http://www.w3school.com.cn/css/css_selector_class.asp
以下为自己的见解：
CSS提供的这些选择器，单一的情况，还比较好区分，但是多者结合，未免给初接触CSS的童鞋带来迷惑。比如：
>后代选择器 与 元素选择器+类选择器结合使用，这两者一定要区分清楚，到底是后代选择器，还是元素选择器+类选择器的结合使用。
>后代选择器 与 多类选择器，这两者一定要区分清楚，到底是后代选择器，还是多类选择器。
>CSS后代选择器(空格)、CSS子元素选择器(>)、CSS相邻兄弟选择器(+)，这三者比较相近，但是有着选择范围上的区别，一定要分清。
例子：
下面的选择器会选择作为 td 元素子元素的所有 p 元素，这个 td 元素本身从table 元素继承，该 table 元素有一个包含 company 的 class 属性。
table.company td > p
a:hover 设置鼠标经过css样式
例如：“百度”该链接，本没有下划线；字体颜色为黑色；字号12px。
设置该链接，鼠标经过时，显示下划线；字体颜色设置为蓝色，字号增加一倍24px。
<html>
<head>
<style type="text/css">
a{
font-size:12px;
color:#000000;
text-decoration:none;
}
a:hover{
font-size:24px;
color:Blue;
text-decoration:underline;
}
</style>
</head>
<body>
<a href="http://www.baidu.com">百度</a>
</body>
</html>
这只是CSS选择器中的一种，css还提供了其他的选择器。详细请查看：http://www.w3school.com.cn/css/css_selector_class.asp
以下为自己的见解：
CSS提供的这些选择器，单一的情况，还比较好区分，但是多者结合，未免给初接触CSS的童鞋带来迷惑。比如：
>后代选择器 与 元素选择器+类选择器结合使用，这两者一定要区分清楚，到底是后代选择器，还是元素选择器+类选择器的结合使用。
>后代选择器 与 多类选择器，这两者一定要区分清楚，到底是后代选择器，还是多类选择器。
>CSS后代选择器(空格)、CSS子元素选择器(>)、CSS相邻兄弟选择器(+)，这三者比较相近，但是有着选择范围上的区别，一定要分清。
例子：
下面的选择器会选择作为 td 元素子元素的所有 p 元素，这个 td 元素本身从table 元素继承，该 table 元素有一个包含 company 的 class 属性。
table.company td > p
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
