前几天有位同学问过一个问题，<li>元素中的子元素浮动（float:left）之后，列表的项目符号会跑到浮动元素的后面。这个问题似乎在三年前碰到过，但又有那么点不一样。后来查阅相关文档，了解到，造成这个问题就是列表中的::marker造成。虽然将来能解决，但在浏览器还没有支持这个属性之前，我们也只能另寻途径，先解决问题，感兴趣的同学可以先跟我一起初探::marker。

在最近的一个 CSS 见面会上，我向与会者提问，“有人会在日常的工作流中使用 Sass 吗？”回答结果压倒性的表示肯定——保守谨慎地使用 Sass 已经成为过去式。Sass 正迅速成长为编写 CSS 的标准方式。这真是难得的好消息！Sass 包含了诸多 CSS 规范未定义的特性，比如变量、控制指令、混合宏等。这些特性赋予了开发者强有力的工具，以应对复杂和持续更迭的样式表。Sass 的灵活性和健壮性，也足以实现开发者天马行空的创意思维。

为你呈现的，是我们想打动你的。不光是眼球，更希望内心共鸣，一直在行走，高歌或淡然，都是脚下踏实的步伐。一直在努力，成功或失败，最好的体验设计永远是下一个！我们致力于互联网视觉传达、交互设计、前端开发，关注用户体验研究、品牌形象管理、创意产业研发，我们只想做地球上最好的UED。我们正在怒招全栈工程师，感兴趣的同学欢迎简历投至：ali-mfe-hire@list.alibaba-inc.com 或 weihua.lwh@alibaba-inc.com

为了应对项目开发中不断增长的复杂度和整体规模，开发者有必要使用恰当的逻辑，规划 Sass 文件的结构层次。遵循公认的编程规范，有助于开发者快速融入大型项目或团队的开发流程。下面就详细解析流行框架的结构层次。

在理清制作固定背景的反相效果后，我脑海中自然而然地想到了，使用 Sass 让不支持滤镜的浏览器实现这种效果。Sass 本身存在一个 invert 函数，但是只能模拟出 filter: invert(100%) 的效果。我们的目标是适用于任意比例。

今天闲来无聊，重新来说说CSS3前缀的问题。在春节前和@一丝姐姐说起Sass中有关于gradient的mixins。姐姐说："为什么还要用mixin呢？为什么不使用Autoprefixer？使用Autoprefixer，只需要输入一行代码，编译器帮你做了一切，还纠结个毛mixin。"姐姐的一句话让我汗颜，我还在思考着如何让Sass来写Gradient，或者类似这样需要带前缀的CSS3属性。也这样让我在思考，那么有了Autoprefixer这样的后处理，Sass中有关于CSS3的mixins是不是已失去了他存在的意义。带着这样的为什么？我们一起来开启今天有关于CSS3前缀的探讨。

CSS Blend Modes是CSS的一个新功能，可以将一个层和元素的背景层混合在一些。常见的是将背景图像和背景颜色混合在一起。在这篇文章中，我们将来体验一上在几个项目中使用Sass编写的一个简单的混合模式的mixin。从而学习如何使用Sass创建混合模式的mixin，并且怎么使用。

仅仅在 Sass 3.3 发布几个月后，官方就放出了 3.4 版本 —— “Selective Steve”。虽然名字有点怪异，但却很准确，因为新版本的诸多特性就是关于选择器的。

有些天真的看法认为， CSS 看起来很容易理解——它没有繁多的编程结构，并且还只是一种用来描述 DOM 外观的声明式语法，而不是一种可执行语言。非常具有讽刺意味的是，功能性的缺失恰让 CSS 难以推断其效果。此外，在选择器所处位置及其处于执行状态时，开发者是不能添加脚本的，从长远来看这也增加了使用 CSS 的风险。

Phil Karlton 认为，在计算机科学中，最大的难题之一就是：命名。这一问题在给变量命名时显得尤为突出。目前，通过使用变量处理颜色、断点和字体大小，是一个很棒的实践。更进一步，你也可以通过使用 SASS Maps 和混合宏生成动态类名。这种方式在不影响用户视觉体验的基础上，还能让你的工作更有效率。