:: before伪元素不会成为原始列表元素的第一个子元素

Question

我尝试制作由|标记分隔的链接的内联列表。它可能很hacky，但我虽然可以使用::before伪元素来工作：

li {
  list-style: none;
  float: left;
}
li:not(:first-child) ::before {
  content: "|";
  margin: 0 1em;
}

<ul>
  <li><a href="..">Example 1</a></li>
  <li><a href="..">Example 2</a></li>
  <li><a href="..">Example 3</a></li>
</ul>

看起来不错，但是由于某种原因，|成为链接元素的一部分。可单击并以相同的标准蓝色突出显示。

我希望伪元素成为li元素的第一个子元素，在包含链接的内容之前 。我在做什么错了？

Answer 1

在if (Object.values(obj).some(v => /* Check value type */)) { throw new TypeError('Values should be ...'); } 之前，如果您删除多余的空格，看起来确实没问题。

::before

li {
  list-style: none;
  float: left;
}
li:not(:first-child)::before {
  content: "|";
  margin: 0 1em;
}

Answer 2

我认为您犯了语法错误。应该是：

MediaQueryData mediaQueryData = MediaQuery.of(context);
ImageConfiguration imageConfig = ImageConfiguration(devicePixelRatio: mediaQueryData.devicePixelRatio);
BitmapDescriptor.fromAssetImage(imageConfig, "assets/images/marker.png");