:empty 只匹配**完全不包含任何子节点**的元素，包括文本节点（哪怕是一个空格、换行符都不行）。它不是“视觉上为空”或“内容为空字符串”的判断器。
css背景视频在移动端无法自适应怎么办_使用poster替代并设置响应式封面图
移动端背景视频无法自适应，本质…
safari
精选推荐
html5如何布局媒体查询_html5响应式布局媒体查询技巧
直接写在CSS文件中更合理，避…
为什么javascript的Date对象处理时区如此复杂_如何避免常见错误？
JavaScript 的 Da…
最新动态
css选择器如何选择空元素_通过 empty 伪类判断内容状态
css 想让导航菜单在小屏幕折叠成汉堡菜单怎么办_利用媒体查询和弹性盒子实现
关键不是“加汉堡图标”，而是先让默认导航在小屏下不显示，再用媒体查询切回桌面布局。主流做法是：默认移动端样式（折叠态），@media (min-width: 768px) 里恢复横向排列。别反着写，否则在旧版 Safari 或某些安卓 WebView 里容易触发两次重排。
CSS定位属性的初始值static_理解默认文档流的排列行为
所有元素默认的 position 值就是 static，但它常被误认为“不存在”或“不生效”。其实它是一个严格定义的行为：元素完全遵循文档流，top、right、bottom、left 和 z-index 对它完全无效——不是“不起作用”，而是被规范禁止使用。
CSS定位与CSS动画_使用定位属性实现平滑的位移交互
用 position: relative 时，元素仍占原文档流位置，位移不影响其他元素；用 position: absolute 后，元素脱离流，父容器必须设 position: relative 或 absolute 才能以它为参考系。动画起点若需“原地出发再滑走”，选 relative；若要“从屏幕某固定区域飞入”，比如右上角通知，就得用 absolute 配合 top/right 定位。
css渐变色在背景中的应用_使用线性渐变和径向渐变来实现
直接用 linear-gradient() 做背景时，如果没指定颜色透明度或 fallback 色，常出现“渐变没生效”“背景全黑/全白”的错觉——其实不是没渲染，而是起止色相同、方向写反、或被后续 background-color 盖住了。
CSS过渡属性的有效值检查_理解关键字与数值之间的过渡
不是所有 CSS 属性都能被 transition 动画化，写错了就完全没效果，连控制台都不报错，纯靠肉眼“感觉不动”。关键看浏览器是否把该属性列为「可动画化属性」（animatable）。
css grid嵌套布局子元素如何独立对齐_设置grid容器对齐属性
Grid 容器的 align-items / justify-items 只影响所有子项的默认对齐方式，真正让某个子元素“脱群”对齐，必须在该子元素自身上设置 align-self（垂直方向）和 justify-self（水平方向）。这两个属性会覆盖容器级设置，且仅作用于单个网格项。
css元素悬停后过渡不生效怎么办_检查transition属性书写是否正确
必须写在悬停前的原始状态里，也就是 :hover 规则之外。浏览器只在属性值变化时触发过渡，如果 transition 只写在 :hover 中，那初始状态没有过渡定义，变化就直接跳变。
CSS伪类:fullscreen应用_进入全屏模式后的样式定制
浏览器只在元素真正处于全屏状态（即通过 Element.requestFullscreen() 进入）时，才匹配 :fullscreen 伪类。直接写 CSS 却没调用 JS 全屏 API，样式必然不会触发。
CSS浮动在表单对齐中的应用_标签与输入框的左右排列
是的，这是最常见错觉。用 float: left 给 label 和 input 同时浮动，它们确实会并排，但后续表单项大概率塌陷、错位，甚至整个表单容器高度变成 0。