Question

我有一个列表，每个<li>后都有一个背景箭头。我需要箭头背景是可点击的，因为链接是。

.listacategorias  li:after {
  float:right;
  content: "";
  display: block;
  background: url("//d26lpennugtm8s.cloudfront.net/stores/567/260/rte/setaazul.png") 
  no-repeat;
  width: 8px;
  height: 12px;
  margin-top:8px;
  margin-right:10px;
}

<ul class="listacategorias">
  <li><a href="https://www.playgorila.com/ps3/">Ver tudo de Ps3</a></li>
  <li><a href="https://www.playgorila.com/ps3/ate-29-90/">Jogos at&eacute;R$29,90</a></li>
  <li><a href="https://www.playgorila.com/ps3/acessorios/">Acess&oacute;rios econtroles</a></li>
  <li><a href="https://www.playgorila.com/ps3/consoles/">Consoles</a></li>
  <li><a href="https://www.playgorila.com/ps3/acao/">Jogos dea&ccedil;&atilde;o</a></li>
  <li><a href="http://www.playgorila.com/ps3/esporte/">Jogos de esporte</a></li>
</ul>

Answer 1

这可能有效：

.listacategorias li a:after { /*...*/ }

您是在<li>标记上添加了箭头，而不是在<a>标记上添加了箭头，因此点击将流向<li>，但是很可能，像:after这样的伪元素不是可点击的。

我希望它能对您有所帮助：）

但如果没有，请尝试使用适当的background将图像添加为background-position

如何使AFTER Li背景元素可点击？

1 个答案: