CSS 选择器 父级元素

有时候,某个父级元素没有特征,需要依靠子元素来定位父级元素。 css select parent element/node/tag by child elements 可使用 CSS 函数式伪类 :has() 来实现。 示例1: <div> <li> <span class="active"></span> </li> </div> li:has(> span.active) { /* 会选择 li tag

JS 捕获键盘快捷键(组合键)

使用 onkeydown (or onkeyup) 事件,而不是 onkeypress function handleKeyEvent(e) { // ctrl/meta + enter if (e.keyCode == 13) { // if (e.key == "Enter") { if (e.ctrlKey || e.metaKey) { alert("ctrl/meta + enter") } } } document.onkeydown = KeyPress; Alt key, e.altKey Ctrl + Z, keyCode==90 and e.ctrlKey

Web 网页随浏览器切换亮暗主题色

使用 color-scheme 让网页随浏览器自动切换亮暗主题色(dark/light themes) HTML: <meta name="color-scheme" content="light dark"> CSS: :root { color-scheme: light dark; /* both supported */ /* defaults to light theme */ --text-color: black; --bkg-color: white; } @media (prefers-color-scheme: dark) { :root{ /* for

journalctl 清理日志

使用 journalctl 命令清理 systemd 等产品的日志。 根据时间清理旧的日志文件: sudo journalctl --vacuum-time=1years --vacuum-time 选项用于指定保留日志文件的时间跨度。 单位也可以是:1months、3days

cron 工具

辅助编写 cron 表达式,测试和解析 cron 表达式,查看匹配的后续时间。 https://crontab.guru/ 编辑和测试 cron 表达式。网页应用,免费。 https://cron.help/ 同上。Crontab syntax for us humans