如何访问 <a href 标记内的 <img 标记以在 IE 中将焦点设置为 <img

Question

如何访问href标签内的img标签以将焦点设置为<img>标签？

例如：

<a href ='#' ><img class="img1" src="abc.png"/> </a>

a .img1:focus {} 不起作用。无法访问<a href></a> 标签内的<img>

如果我将类添加到标签，我可以将焦点添加到标签，但标签和标签的大小不同并导致问题。例如：，然后 .test:focus{} 正在工作，但我需要标签的焦点

Answer 1

你需要在a 和.img1 之间留一个空格（你写它的意思是“a 带有img1 类的标签”）这样：

a .img1:focus {}

这意味着“img1 类在 a 标签内的元素”

编辑：在您的初始答案的 cmets 中提供的链接 @jdv 中，不要关注（无意中）接受的答案，而是关注第二个答案。您可以通过将tabindex 属性添加到img 标记来解决您的问题。 像这样：

<a href ='#' ><img class="img1" src="abc.png" tabindex="0"/> </a>