跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
Sass

45 篇文章
{
,

}
文章“使用 Sass 变量作为选择器”的直接链接
Sass sass 地图 选择器

使用 Sass 变量作为选择器

假设您需要在代码中多个地方使用特定选择器。当然,这种情况并不常见,但有时会发生。重复的代码通常是抽象化的机会。在 Sass 中抽象化值很容易,但选择器……

Avatar of Chris Coyier
Chris Coyier 于 2017 年 1 月 2 日 发布
文章“CSS 预处理器中的循环”的直接链接
css 预处理器 less 循环 Sass stylus

CSS 预处理器中的循环

如果您曾经看过老科幻电影,您就会知道循环有多强大。给你的机器人对手喂一个无限循环,然后*砰*。机器人灰飞烟灭。

预处理器循环不会在太空中造成戏剧性的爆炸(我希望),但它们是……

Avatar of Miriam Suzanne
Miriam Suzanne 于 2019 年 4 月 10 日 发布
文章“inStyle(在 Sass 中修改当前选择器 `&`)”的直接链接
嵌套 Sass 选择器

inStyle(在 Sass 中修改当前选择器 `&`)

以下文章来自 Salsita Software 的 Filip Naumovic 的客座文章。Filip 构建了 一个 Sass 工具 来帮助解决我知道我经历过很多次的问题。您在 Sass 中愉快地嵌套。您可能处于一个或多个级别……

Avatar of Filip Naumovic
Filip Naumovic 于 2021 年 8 月 3 日 发布
文章“构建和维护 OUI(Optimizely 的 UI 库):第 1/2 部分”的直接链接
框架 模式库 Sass

构建和维护 OUI(Optimizely 的 UI 库):第 1/2 部分

以下文章来自 Tom Genoni 的客座文章。Tom 将向我们介绍 Optimizely 的新 UI 库/Sass 框架背后的思考和流程。 第 2 部分,作者是 Daniel O’Connor,介绍了一些…

Avatar of Tom Genoni
Tom Genoni 于 2017 年 4 月 10 日 发布
文章“Sass 与符号”的直接链接
嵌套 Sass

Sass 与符号

& 是 Sass(和 Less)中一项非常有用的功能。它在嵌套时使用。当您知道如何使用它时,它可以节省很多时间,或者当您在努力并可能…时,它会浪费一些时间。

Avatar of Richard Finelli
Richard Finelli 于 2017 年 2 月 8 日 发布
文章“使用 CSS 选择器创建动画菜单指示器”的直接链接
Sass

使用 CSS 选择器创建动画菜单指示器

以下文章来自 James Nowland,他是 Headjam 的前端开发人员,Headjam 是澳大利亚纽卡斯尔的创意机构。James 在这里创建了一个相当简单的效果,但您可能会认为它需要一些…

Avatar of James Nowland
James Nowland 于 2017 年 4 月 10 日 发布
文章“在 Sass 中使用媒体查询的方法”的直接链接
媒体查询 Sass

在 Sass 中使用媒体查询的方法

在响应式网站中使用 CSS 中的媒体查询是当今前端开发人员的基本技能。使用预处理器使媒体查询更容易编写和维护已成为一种普遍的做法。

我花了一些时间……

Avatar of Eduardo Bouças
Eduardo Bouças 于 2021 年 8 月 3 日 发布
文章“使用 Sass 的反三角函数”的直接链接
Sass

使用 Sass 的反三角函数

我之所以链接到这篇文章,不是因为我认为我们都需要在日常的 CSS 工作生活中了解三角学,而是因为:天哪,Ana Tudor 用数学和 Sass 做了一些令人惊叹的事情,从而产生了一些大写字母 A…

Avatar of Chris Coyier
Chris Coyier 于 2014 年 6 月 9 日 发布
文章“介绍 Scut,一个新的 Sass 实用程序库”的直接链接
Sass

介绍 Scut,一个新的 Sass 实用程序库

以下文章来自 David Clark 的客座文章。我认为 David 的新 Sass 库“Scut”非常有趣。它就像一个设计实用程序库,它与设计模式库的不同之处在于它不强制执行任何特定的…

Avatar of David Clark
David Clark 于 2017 年 4 月 12 日 发布
  • 更新
  • 1
  • ...
  • 3
  • 4
  • 5
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律事项
  • 获取免费积分!
CSS-Tricks
  • 为我们写作!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 提要
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.