css替代js功能 |css 弹禁用鼠标穿透

CSS的部分功能相对JS更加简单易用，比如说：

/* 鼠标悬停时改变颜色 */
div:hover {
color: red;
}

使用CSS来实现这个功能相对于使用JS，代码简单易懂，而且实现效果十分流畅。

还有一些其他的CSS替代JS的功能，比如说：

/* 切换元素的显隐状态 */
.btn {
display: none;
}
.btn.active {
display: block;
}

使用类名来切换元素的显隐状态同样是一种很简单的实现，而且有利于代码的复用性和可维护性。

但是，也有一些大型的、复杂的交互效果，需要JavaScript的支持才能够实现。尤其是需要对DOM进行各种操作的效果，CSS的局限性就更加明显了。

因此，在开发网页的过程中，大家需要综合考虑CSS和JavaScript的特性，选择更加适合自己的方式来实现各种效果。