CSS样式测试

图片来源：picsum
内容来源：RUNOOB

cursor样式

请把鼠标移动到单词上，可以看到鼠标指针发生变化：

auto
crosshair
default
e-resize
help
move
n-resize
ne-resize
nw-resize
pointer
progress
s-resize
se-resize
sw-resize
text
w-resize
wait
zoom-in
grab
not-allowed
url(/images/avatar.jpg) 4 12, auto

<span style="cursor:auto">auto</span>

position: sticky;粘性样式

滑动页面

看看蓝色方框🡖

粘性样式方框会粘住

滑动试试？

滑动回去试试？

像不像js实现的

来源： lexoral

测试pointer-events是否存在穿透效果

0

1

2