css - 悬停效果的列范围(而不是链接范围)

Question

我正在编辑我的问题，因为我觉得它不是很清楚，并将答案放在问题和此处:

我们的目标是将文件浏览器表示为一列链接，包括:

(可选)一点“+”或“-”图像(用于展开或缩回文件夹)。

一个文件名。将鼠标悬停在文件名上应该将文件名的背景更改到列的右边缘 ，即使文件名很短也是如此。

找到的解决方案:

<div style="display:block;">
  <img src="+.png" />
  <a style="display:inline-block;width:200px;">A file name</a>
</div>

Answer 1

试试这段代码

 <a><img src="imagePlus.png" /></a><a class="forHover">Linklinklink2</a>

CSS

 .forHover
 {
     display:block;
 }