Geoff Graham

:future 是一个 CSS 伪选择器，我们可以用它在媒体播放期间为即将出现的元素设置样式。想想视频中的字幕。我们可以用它来为接下来出现的字幕设置样式，以便在视觉上将其与当前显示的字幕区分开来……

:past 是一个 CSS 伪选择器，匹配已在时间线上经过的元素。您将在很大程度上看到它在使用 WebVTT 创建的视频字幕中发挥作用。当字幕不再是当前显示的文本时，它……

:current 是一个 CSS 伪选择器，匹配当前显示的元素或元素的祖先。因此，我们可以匹配像这样已渲染到屏幕上的项目

:current(p, ul);

……这将选择所有当前……

我在教授前端开发入门课程时会做的一件事是让学生描述阅读 HTML 的感受。我给他们提供一篇长篇报道的非常基本的标记，并让他们阅读两次：首先……

Bruce Lawson 给出了每日提示，警告不要在表单标签上使用pointer-events: none。我们知道pointer-events用于更改元素对点击、轻触、悬停和激活状态的响应方式。但它显然会破坏……

WordPress 核心正在从 jQuery 1.12.4 跳到 jQuery 3.5.1！这对于很多原因来说都是一件大事——比如现代功能、更好的 DX 和安全改进，仅举几例。目前，计划是……

看！:focus-visible 伪选择器现在已在 Firefox 中受支持，从昨天发布的 85 版本开始。我不得不赶紧去 MDN 文档确认一下，是的，:focus-visible 页面已更新为……

CSS 中的border-boundary 属性为影响元素边框行为的元素边界设置约束。它在 CSS Round Display Level 1 规范中定义，该规范目前处于工作草案状态。这意味着……

CSS 中的caret 是一个简写属性，它将caret-color 和caret-shape 属性组合到一个声明中。因此，我们可以这样写

.element {
  caret: #ff7a18 underscore;
}

……这类似于这样写

.element {
  caret-color: #ff7a18;