-
本文介绍如何使用现代CSS:has()伪类精准定位并样式化DataTablesFixedColumns插件中每行的最后一个.dtfc-fixed-left单元格，无需JavaScript动态计算，兼顾可维护性与浏览器兼容性。
-
requestAnimationFrame适用于需与屏幕刷新率同步的连续视觉更新，如滚动视差、Canvas绘图等；一次性动画应优先用CSStransition。其核心是递归调用加时间戳控制，使用浏览器提供的高精度timestamp，避免Date.now()。
-
blockquote默认缩进来自浏览器内置样式中的margin（非padding或text-indent），主流引擎设为1em或约40px；重置需覆盖margin，推荐使用margin:0或语义化替代方案如边框、背景等。
-
select需设name属性才能提交，option须显式设value，首项建议value=""且selected作提示；multiple启用多选但提交为数组，移动端存在原生选择器兼容问题。
-
CSS样式未生效主因是权重不足或加载顺序靠前，需通过开发者工具检查computedstyles和来源，优先用更具体选择器而非!important。
-
迭代器是具有next()方法的对象，每次调用返回{value,done}对象；生成器是简化迭代器创建的函数，用function*定义并用yield暂停执行。
-
relative：元素相对于自身原位置偏移，保留原有空间；2.absolute：脱离文档流，相对于最近已定位祖先定位；3.fixed：脱离文档流，相对于视口固定定位，不随滚动移动。
-
:disabled样式失效主因是CSS优先级被覆盖，应通过提升选择器权重（如类+伪类组合）、检查开发者工具中规则是否被划掉或未匹配、避免框架默认样式干扰来解决，慎用!important。
-
hidden属性不生效是因为它为布尔属性，仅由存在与否决定，设hidden="false"仍会隐藏；正确用法是element.hidden=true或removeAttribute('hidden')。
-
ServiceWorker是实现离线体验的核心，通过拦截请求实现缓存控制。首先注册并激活ServiceWorker，需在HTTPS环境下调用navigator.serviceWorker.register()。安装阶段使用CacheAPI预缓存关键资源，确保首页、样式、脚本等可离线访问。运行时采用动态缓存策略，对API使用stale-while-revalidate，静态资源则networkfallingbacktocache。更新时在activate事件清理旧缓存，通过版本命名管理缓存生命周期。合理组合
-
可用::before伪元素替换默认圆点，先用list-style:none清除原生符号，再在li上设position:relative，通过::before绝对定位插入content字符并调整样式，配合margin-right或padding-left留白，以及padding-left和top:0.25em适配多行对齐。
-
padding是内容到边框的距离，影响自身尺寸和背景显示；margin是边框到邻元素的距离，不参与自身渲染；box-sizing控制padding是否撑大元素，border-box为现代开发首选。
-
使用:hover和transition实现列表项背景色平滑过渡，关键在于设置transition属性控制变化时长与缓动类型，并定义默认及悬停状态样式以避免跳变。
-
<script>放<head>里未加defer/async最容易出错，因JS执行时DOM尚未生成，导致document.getElementById等报undefined；应按依赖关系选择底部放置、defer或async。
-
答案：CSS中link标签的media属性可按设备类型和视口条件加载不同样式表。1.通过screen、print等值为打印机、屏幕等设备加载特定样式；2.支持媒体查询语法，根据宽度、分辨率等适配响应式布局；3.利用惰性加载提升性能，非关键样式不阻塞渲染；4.使用and、or等逻辑符组合条件实现精准控制。合理使用可优化体验与性能。
