码迷,mamicode.com
首页 > Web开发 > 详细

css中的hover ,关于li与a标签的问题

时间:2015-12-01 16:30:20      阅读:336      评论:0      收藏:0      [点我收藏+]

标签:

<head>
<style>
ul li a:hover{
background-color: red;
}
</style>
</head>
<ul>
<li><a>文字</a></li>
</ul>

这样只有 文字 悬停时会变红 但是我要前面的小圆点也变红 有没有办法?
实际工作中背景是个图片 把背景图片向左移也行 就是要整个 li 都在背景中
但hover只对a有效 ,如果在li外面包一个<a>,好像会背景图片有文字的地方是白的 而且整个li会向右移
不想用脚本 ,有没有办法?
<head>
 <style>
ul li{list-style:none;(取消LI标签默认样式,就是前边自带的小圆点,你需要远点的话可以直接在文字前边添加“·”符号就可以)}
 ul li a:hover{

  background: #f00;(背景变红,注:可能无法实现,因为A标签没有块级显示,需要定义display: block;)
color:#f00(鼠标滑过,文字变红。)
 }
 </style>
</head>
<ul>
 <li><a>文字</a></li>
</ul>

 

css中的hover ,关于li与a标签的问题

标签:

原文地址:http://www.cnblogs.com/zhujiabin/p/5010430.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!