sass 相关问题

Sass（Syntactically Awesome Style Sheets）是CSS的扩展，添加了嵌套规则，变量，mixins和类扩展等功能。这使开发人员能够编写结构化，可管理且可重用的CSS。 Sass被编译成标准CSS。

使用SASS，如何将父元素的类也应用于直接子元素？

为了避免代码重复，理想情况下我想将一个类应用于 DOM 元素（例如“children”），并让应用于该元素的其余类影响直接

html css sass frontend repeat

回答 1 投票 0

$font-family 是 Angular 17 和 Material 17 中的“未定义变量”

我遵循了有关从以前版本迁移到新版本的 Angular 和 Material 文档，但遇到了一个对我来说没有意义的问题。看一下官方文档...

angular sass angular-material angular-material2

回答 1 投票 0

如何解决[plugin:vite:css] [sass]找不到要导入的样式表。 Vite React 出错？

我不断收到此错误：[plugin:vite:css] [sass] 找不到要导入的样式表。在我的 Vite React 应用程序中。我有一个 App.scss，其中有： @use“~@somename/some-name/dist/_tokens.scss&q...

reactjs sass vite

回答 2 投票 0

SASS 或 LESS 包装

我希望能够从不同的目录导入我的 scss 或 less 文件（无论哪种语言都不重要）。我的电脑上的目录是这样的：应用程序/myapp/包括/css/ & 框架/2...

sass less

回答 2 投票 0

内文字阴影+渐变背景文字

我在figma中有一个带有以下道具的文本“250”：内阴影：-4px 4px 8px #000(40%) 阴影：-1px 1px 2px #fff (80%) 渐变：从 #212423 到 #0D0D0D 这使得：但我有...

html css sass

回答 1 投票 0

我可以使用在一个部分中定义的 mixins 并将其导入到另一个部分的主 scss 文件中吗？

我有三个文件：样式.scss _mixins.scss _navigation.scss 显然，在 _mixins.scss 中我定义了 mixins。然后在 style.scss 中，我使用 @use 'mixins'; 导入这些 mixins。我现在也有...

css sass mixins partials scss-mixins

回答 1 投票 0

Angular 材质 14 至 15 前景样式

从 Material 15 旧版主题切换到非旧版主题后，很难更改前景色。 $主题: ( 主要：$主题-主要，口音：$主题口音，警告：$主题警告， ...

css angular sass angular-material theming

回答 1 投票 0

SASS 重大变更：混合声明

当我运行 SASS 从 .scss 文件创建 .css 时，我收到弃用警告。我从SASS查找了纪录片：https://sass-lang.com/d/mixed-decls 但是我不明白我是如何得到的...

css sass css-selectors deprecation-warning mixed

回答 1 投票 0

自 Angular v18 以来，::ng-deep 已正式不再弃用

根据 Angular v18 的文档，没有任何地方提到弃用 ::ng-deep。这是否意味着它未被弃用并且可以再次使用？或者它仍然需要从遗留系统中逐步淘汰......

angular typescript sass

回答 1 投票 0

在实时服务器上自动将 SCSS 转换为 CSS

我是 SCSS 的新手。我喜欢使用 SASS 进行本地开发，但是当我发布客户的网站并需要进行更改时，必须挖掘出旧项目并设置所有内容，这很痛苦...

html css sass

回答 3 投票 0

Sass --按特定顺序观看

在textmate中，我的.scss文件按字母顺序排列。我将它们编译成 .css 文件。 sass --watch css/sass:css/compiled 但我遇到了错误，因为我需要变量、混合和重置......

sass watch

回答 1 投票 0

选择器在 SCSS 中两次引用父选择器

我想在 SCSS 中做一些在 vanilla CSS 中非常简单的事情：定位一个具有两个类的元素。一个简化的例子如下：我想在 SCSS 中做一些在普通 CSS 中非常简单的事情：定位具有两个类的元素。简化示例如下： <div class="parent"> <div class="child"></div> <div class="child child--red"></div> <div class="child child--green"></div> <div class="child child--red child--green"></div> </div> 我想定位同时具有 child--green 和 child--red 的孩子。我尝试了如下的方法，但它不起作用： .parent { & > .child { &--red { color: red; } &--green { color: green; } &--red.&--green { color: yellow; } } } 考虑到父选择器的工作原理，我理解为什么该语法不起作用，但我想知道是否有一种优雅的方法可以使用父选择器来执行此操作，而不必重复 child，例如： .parent { & > .child { &--red { color: red; } &--green { color: green; &.child--red{ color: yellow; } } // OR &--red.child--green { color: yellow; } } } 有什么想法吗？谢谢！要在 SCSS 中定位具有子红色和子绿色类的元素，您可以使用像这样的嵌套选择器 '>'.child 选择 .parent 的直接子元素。 &--red 和 &--green 将样式分别应用于 .child--red 和 .child--green。 &.child--red.child--green 针对具有两个类的 .child 元素，应用组合样式。 .parent { > .child { &--red { color: red; } &--green { color: green; } &.child--red.child--green { color: yellow; } } }

css sass

回答 1 投票 0

如何只导入SASS的扩展函数

我只想使用Sass的“@extend”函数。我找到了 Sass 的 cdn 链接，但我不知道如何从那里获取和使用“@extend”函数。 https://cdn.jsdelivr.net...

sass bootstrap-5

回答 1 投票 0

GithHub页面链接CSS

我正在把一个瓶子扔进海里，希望有人能找到它。我是一个初学者，我有点迷失了。我目前正被困在 GitHub Pages 上部署我的代码，从我的文件来看，代码运行得很好......

html css sass github-pages

回答 1 投票 0

Angular Material Table - CSS 在文本换行时使标题左对齐

使用 Angular Material Table 组件，默认情况下，表格上的列标题将左对齐，这很棒：但是，如果标题没有足够的空间，则文本会换行，即