| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1170 人关注过本帖
标题:自定义的一个CSS样式,怎么不能多处引用那,请高手帮忙看一下
取消只看楼主 加入收藏
yutao86
Rank: 1
等 级:新手上路
帖 子:33
专家分:0
注 册:2007-11-18
收藏
 问题点数:0 回复次数:2 
自定义的一个CSS样式,怎么不能多处引用那,请高手帮忙看一下
<style type="text/css">
<!--
body table{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.menu_iframe{position:absolute; visibility:inherit; top:0px; left:0px; width:120px; z-index:-1; filter: Alpha(Opacity=0);}
#nav, #nav ul {
  float:right; /* 菜单总体水平位置 */
  list-style:none;
  line-height:22px; /* 一级菜单高 */
  background: #eee; /* 所有菜单移出色 */
  font-weight: bold;
  padding:0px;
  margin:0px;
  border:1px solid #ccc;
  border-right: 0px;
}
#nav a {
  width:120px;
  display:block;
  color:#333;
  text-decoration:none;
  text-align:center;
  border-right:1px solid #CCC;
}
#nav a:hover{color:#000;} /* 所有 a:hover 字体样式 */
#nav a.selected{background:url(images/arrow.gif) no-repeat right 50%;} /* 下拉图标 */
#nav li {float:left;}
#nav li ul { /* 二级弹出位 */
  position:absolute;
  margin:0px 0px 0px -1px;
  padding:0;
  left:-9999em;
  width:120px;
  font-weight:normal;
}
#nav li li {width:120px;} /* 二级菜单宽 */
#nav li ul a {
  width:120px; /* 二级菜单宽 */
  padding:0px 12px;
  line-height:24px; /* 二级菜单高 */
  border-top:1px solid #CCC;
  text-align:left;
}
#nav li:hover ul ul,#nav li.sfhover ul ul{left:-9999em;}
#nav li:hover ul,#nav li li:hover ul,#nav li.sfhover ul, #nav li li.sfhover ul{left:auto;} /* 所有弹出菜单自动左边距 */
#nav li:hover, #nav li.sfhover {background:#ccc;} /* 所有悬浮样式 */
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
}
-->
</style>
<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
  var sfEls = document.getElementById("nav").getElementsByTagName("LI");
  for (var i=0; i<sfEls.length; i++) {
    sfEls[i].onmouseover=function() {
      this.className+=" sfhover";
    }
    sfEls[i].onmouseout=function() {
      this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
    }
  }
}
window.onload=sfHover;
//--><!]]></script>
</head>
<body>
<table>
<tr>
<td>
<ul id="nav">
  <li><a href="#" class="selected">咖啡堂</a>
    <ul>
      <li><a href="#">
      <li><a href="#">
      <li><a href="#">管理管理员</a></li>
      <li><a href="#">管理员日志列表</a></li>
<iframe class="menu_iframe"></iframe>
    </ul>
  </li>
  </ul>
</td>
<td>
<ul id="nav">
  <li><a href="#" class="selected">咖啡堂</a>
    <ul>
      <li><a href="#">
      <li><a href="#">
      <li><a href="#">管理管理员</a></li>
      <li><a href="#">管理员日志列表</a></li>
<iframe class="menu_iframe"></iframe>
    </ul>
  </li>
  </ul>
</td>
</tr>
<tr>
<td>
 <select name="select" style="float:right">
    <option value="dd">ddd</option>
    <option value="ddd">ddd</option>
  </select>
</td>

</tr>
</table>

这是个下拉菜单的样式表,为什么第一个能用,到第二个就不能用了,而且没又错误提示!

高手帮忙看一下
搜索更多相关主题的帖子: CSS 定义 样式 
2008-03-29 09:54
yutao86
Rank: 1
等 级:新手上路
帖 子:33
专家分:0
注 册:2007-11-18
收藏
得分:0 
在线等!

QQ:35560672
2008-03-29 09:58
yutao86
Rank: 1
等 级:新手上路
帖 子:33
专家分:0
注 册:2007-11-18
收藏
得分:0 
ID要是不一样的话那就不能同时调用这一个CSS样式 了对吗、?

那要怎样改才能调用同一个那、
2008-03-29 14:00
快速回复:自定义的一个CSS样式,怎么不能多处引用那,请高手帮忙看一下
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.018478 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved