css中的hover ，关于li与a标签的问题
<head><style>ullia:hover{background-color:red;}</style></head><ul><li><a>文字</a></li><...
<head>
<style>
ul li a:hover{
background-color: red;
}
</style>
</head>
<ul>
<li><a>文字</a></li>
</ul>
这样只有 文字 悬停时会变红 但是我要前面的小圆点也变红 有没有办法？
实际工作中背景是个图片 把背景图片向左移也行 就是要整个 li 都在背景中
但hover只对a有效 ，如果在li外面包一个<a>,好像会背景图片有文字的地方是白的 而且整个li会向右移
不想用脚本 ，有没有办法？ 展开
<style>
ul li a:hover{
background-color: red;
}
</style>
</head>
<ul>
<li><a>文字</a></li>
</ul>
这样只有 文字 悬停时会变红 但是我要前面的小圆点也变红 有没有办法？
实际工作中背景是个图片 把背景图片向左移也行 就是要整个 li 都在背景中
但hover只对a有效 ，如果在li外面包一个<a>,好像会背景图片有文字的地方是白的 而且整个li会向右移
不想用脚本 ，有没有办法？ 展开
5个回答
展开全部
<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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把那个li的list-style:none;那个小点设成是a的背景。调好背景的位置，同时给a设置padding，用来控制文字与圆点的距离。a:hover时设置一个红色的红点。调好位置。要给a转块，同时设置宽度。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
目前没有办法用CSS做到，CSS3也不行，遥远的CSS4据说可以。
这实际上是选定子元素的时候，改变父元素的样式。所以，要用JavaScript才能做到。
这实际上是选定子元素的时候，改变父元素的样式。所以，要用JavaScript才能做到。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
ul li:hover{ color:#F00;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用li:hover
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
