Compass + cleancss 导致的灵异小问题
问题不大,不过很诡异。代码如下:
SASS:
.some-class
display: none
.other-class:blank
display: none
HTML:
<div class="some-class">...</div>
理论上说,这样这个div应该不显示。在本项目中,它的确没显示;但是在另外一个将本项目作为依赖的项目中,它却显示出来了。
经检查,本地开发和部署时,直接使用 compass compile 生成CSS,compass 配置中,设置输出模式(output_style)为 compressed,结果是这样的:
.some-class{display:none}.other-class:blank{display:none}
而在作为依赖时,用到的则是 grunt-contrib-cssmin 处理过的CSS,刚才那句就被压缩成
.some-class,.other-class:blank{display:none}
:blank伪类尚未被Chrome中支持,于是整条规则都被忽略,导致div显示出来。
相关文章
移动网页高度自适应最佳实践
移动 Web 开发就要在“螺蛳壳里做道场”。移动设备限于屏幕尺寸,不得已左支右绌,既要多呈现内容,又要保证功能 […]
2024-06-168 分钟
CSS 小教程:在网格型选择工具上添加渐变背景
新年开始了,要努力,本博客开始 2024 年招商,欢迎各位想推广产品的老板投广告,目前定价 4800/年,亦可 […]
2024-01-135 分钟
【视频】如何快速修 bug+如何开发低代码树状图
感谢 Latteat 老板上舰。 有位同学在开发中遇到了一些问题,花费了很多时间也没能解决。其实修 bug 是 […]
2023-12-171 分钟


