纯 CSS 画廊聚焦效果与 :not
过去，我经常需要弄清楚如何为容器内的所有元素添加样式，但不包括悬停的元素。
演示兄弟元素的预期“淡出”效果，让用户可以“聚焦”在特定元素上……
Krzysztof Gonciarz 于 发布
文章标签
9 篇文章
输入聚焦时的表单验证样式
/* Only show invalid ring while not focused */
input:not(:focus):not(:placeholder-shown):invalid {
border-color: var(--color-invalid);
}
input:not(:focus):not(:placeholder-shown):invalid ~ .error-message {
display: block;
}
/* Only show valid ring while not focused and if a value is entered */
/* :empty won't work 
Geoff Graham 于 发布
每周平台新闻：聚焦环、甜甜圈范围、更多 em 单位和全局隐私控制
在本周的新闻中，Chrome 解决了聚焦环问题，我们了解了如何获得“甜甜圈”范围，全局隐私控制获得了大牌采用，现在是时候在媒体查询中抛弃像素了，以及一个可以防止烦人的表单验证样式的代码片段……
Šime Vidas 于 发布
每周平台新闻：:not() 伪类、视频媒体查询、clip-path: path() 支持
嘿，我们回来了，发布来自 Šime Vidas 的 关于浏览器环境的每周更新。
在本周的更新中，CSS :not 伪类可以接受复杂的选择器，如何在 Chrome 中使用“在页面上查找……”时禁用平滑滚动，Safari 的……
Šime Vidas 于 发布
使用特征检测、条件语句和组与选择器
CSS 的设计方式允许相对无缝地添加新功能。自从语言诞生以来，规范一直要求浏览器优雅地忽略任何它们不支持的属性、值、选择器或 at-rules。因此，在……
Jirka Vebr 于 发布
