发现个有意思的css属性：pointer-events 语法：
pointer-events: none 或者 auto;
特性：
阻止用户的点击动作产生任何效果阻止缺省鼠标指针的显示阻止CSS里的 hover 和 active 状态的变化触发事件阻止JavaScript点击动作触发的事件示例：
<!DOCTYPE html> <html> <head> <title>示例</title> <style> a[href="http://example.com"] { pointer-events: none; } </style> </head> <body> <ul> <li><a href="https://www.baidu.com/">百度 能点击</a></li> <li><a href="http://example.com">这是不能点击的链接</a></li> </ul> </body> </html>