在网页设计中，主题设置是一个让用户能够根据自己喜好来定制界面外观的重要功能。传统上，这一功能是通过JavaScript来实现的，但是现在我们可以使用CSS:has() 伪类来更加高效地完成这一任务。
最近，Smashing Magazine发表了一篇文章，介绍了如何使用CSS:has() 来实现系统/明/暗主题设置。通过这一方法，我们可以轻松地根据用户的系统设置或者手动选择来切换明/暗主题，无需借助 JavaScript 的繁琐操作。
使用CSS:has() 而不是 JavaScript，不仅能够提高网页性能，还能让我们的代码更加简洁清晰。如果你也想提升用户体验，不妨试试这种新的方法，让你的网页设计更加吸引人！
了解更多有趣的事情：https://blog.ds3783.com/