如何在div的右侧创建对象（div：left）

Question

我们都知道伪类:before和:after但是没有nav ul li a:left或:right

有可能实现这一目标吗？ 我不介意为此使用html5，css3，javascript。

Answer 1

将:before和:after视为:left和:right 。

:left和:right都不作为伪类存在，因此您应该使用:before和:after将其放置在所需对象的左侧和右侧。

 div { margin: 0 auto; background: blue; width: 200px; } div:before { position: relative; left: -75px; background: red; content: 'To the left'; } div:after { position: relative; right: -75px; background: green; content: 'right'; } 

 <div>Some text</div> 

回答问题

是否有可能实现额外的伪类？

没有。

如何达到此效果？

您将不得不使用其他元素并更改HTML以允许使用。

• 伪类列表