css7.0查指定点坐标

在 CSS 3 中，我们可以使用 ::before 和 ::after 两个伪元素来添加内容，但是这些内容是添加到元素内部的前面和后面。如果我们想要将内容添加到某个具体的位置，该怎么办呢？

CSS 7.0 新增了 ::point 伪元素，可以通过指定坐标来添加内容到指定位置。

.element::point(x,y) {
  content: "这里是指定点的内容";
} 

其中 x 和 y 分别为横坐标和纵坐标，单位为像素。如果需要添加的内容太多，可以使用 overflow 属性来控制。

.element::point(x,y) {
  content: "这里是指定点的内容";
  overflow: auto;
  max-height: 100px;
} 

需要注意的是，::point 伪元素需要指定 position 属性，比如可以将 position: relative; 添加到父元素中。

操作起来还是比较简单的，但是需要注意指定的坐标要准确，否则添加的内容可能会出现在错误的位置。