css - 悬停效果的列范围（而不是链接范围）

Question

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

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

（可选）一个小“+”或“-”图像（用于展开或缩回文件夹）。

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

找到的解决方案：

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

Answer 1

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

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

（可选）一个小“+”或“-”图像（用于展开或缩回文件夹）。

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

找到的解决方案：

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

Answer 2

试试这个代码

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

CSS

 .forHover
 {
     display:block;
 }