html - :hover:after inside of div appears at rightside of div not end of text of a

Question

我无法让 a:hover:after 出现在标签文本之后。内容出现在 <div> 的末尾.有没有办法让它出现在 <a> 的文本之后？ ？我不希望后面的内容在悬停时插入其他元素。

<div>
  <a href="#">test</a>
</div>

a:hover:after{
  display: inline-block;
  content: ">>";
  position: absolute;
  right: 0;
  top: 0;
}

这是 jsFiddle jsFiddle

Answer 1

取出right:0 似乎做你想做的事

http://jsfiddle.net/a6AA9/

你是这个意思吗？

上面的 margin-left 技巧也是一个很好的技巧