javascript - 如何在div的右侧创建一个对象(div :left)

Question

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

有可能实现吗？我不介意为此使用 html5、css3、javascript。

Answer 1

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

:left 和 :right 都不作为伪类存在，因此您应该使用 :before 和 :在之后定位到你想要的任何东西的左边和右边。

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 以允许它。

• > List of Pseudo Classes