UC知道关于导航栏CSS字样的疑惑~小问题帮忙下
来源：百度知道 编辑：UC知道 时间：2024/06/03 16:41:36
本人网页设计新手，载了个模板，在预览效果时，把鼠标移到导航栏上面字体颜色会变，代码如下：
<a href="index.asp" class="ideas">首页 <span class="menu_text">
后来才知道class是引用了CSS式样，可是打开menu_text.css的文件的时候，发现设置里面都没做设置，为什么产生这种效果呢？
代码如下：
.menu_text {
font-family: Arial;
font-size: 10px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
或许您说的是对了，不过那个模板的导航栏确实引用了这个style.css文件
<link href="style.css" rel="stylesheet" type="text/css" />
然后关于menu_text的部分就是如下全部：
.menu_text {
font-family: Arial;
font-size: 10px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
<a href="index.asp" class="ideas">首页 <span class="menu_text">
后来才知道class是引用了CSS式样，可是打开menu_text.css的文件的时候，发现设置里面都没做设置，为什么产生这种效果呢？
代码如下：
.menu_text {
font-family: Arial;
font-size: 10px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
或许您说的是对了，不过那个模板的导航栏确实引用了这个style.css文件
<link href="style.css" rel="stylesheet" type="text/css" />
然后关于menu_text的部分就是如下全部：
.menu_text {
font-family: Arial;
font-size: 10px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
那个应该是鼠标移到链接变颜色！因为这是一个<a href></a>!
下面给一个具体代码
1.鼠标移到，链接变色（最基本拉，因为是变色，所以把a{}也拿出来对比，主要要看的是a:hover里的变化）
A {color: #51bfe0} 链接颜色为#51bfe0
A:hover { color: #000000 } 鼠标移过去为#000000
如果说是字体颜色发生变化的话
CSS应该是这么写的
a { color:#000; }/* 文字的默认颜色 */
a:hover { color:#4a4a4a; }/* 鼠标经过的时候文字的颜色 */
希望有帮到你哦
真正让他变的
<a href="index.asp" class="ideas">首页
是这个样式
a.ideas{}
a.ideas:hover{}
这是第一种情况，
另外一种情况就是通过JS动态控制的，我个人习惯就是用JQUERY来动态控制这个效果的