在 CSS 3 中,我们可以使用 ::before 和 ::after 两个伪元素来添加内容,但是这些内容是添加到元素内部的前面和后面。如果我们想要将内容添加到某个具体的位置,该怎么办呢?CSS 7.
在 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;
添加到父元素中。
操作起来还是比较简单的,但是需要注意指定的坐标要准确,否则添加的内容可能会出现在错误的位置。
粉丝
0
关注
0
收藏
0