sass 相关问题

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

我有以下CSS： #extra-info .warning { 颜色：#c33; } #extra-info .warning, .created-link { 字体大小: 12px;右边距：4px；文本转换：大写； } 我想将其转换为...

css sass compiler-errors converters

回答 1 投票 0

如何在PrimeNG中设置我们自己的自定义主题

我正在使用最新版本的“primeng”：“^12.2.0”，我想设置我自己的primeng自定义主题。我浏览了很多博客，但找不到任何解决方案。我复制了 theme.css 文件

css angular typescript sass primeng

回答 2 投票 0

哪些版本的 Node.js 和 npm 与 gulp 3.9.1 兼容？

我的计算机上安装了 Node v14.19.0、NPM v6.14.16 和 gulp CLI 版本 2.3.0 以及本地版本 3.9.1（操作系统是 Ubuntu 22.04）。问题是，当我运行任何 gulp 命令时，我得到......

ubuntu npm sass gulp

回答 1 投票 0

Mac 上 PhpStorm SASS 编译出现“env: ruby_noexec_wrapper: No such file or directory”错误

我阅读了很多资料并尝试了不同的东西，但我的 PhpStorm 只是不想将我的 SASS/SCSS 文件编译成 CSS 文件。这是我的文件观察器配置和错误混乱的图片......

macos sass path phpstorm

回答 1 投票 0

Pico CSS 语义根元素未应用于 forms/_basics.scss 中的输入、选择、文本区域

我将 Pico CSS 安装到了我的 HTML 项目的 npm 工作区中。 npm i -D @picocss/pico 我的包版本是这样的 "@picocss/pico": "^2.0.6", 接下来，我有一个 sass 文件，我就是

css sass

回答 1 投票 0

该键与表中的任何行都不匹配 - SSAS/PBI

我在 Visual Studio 中创建了一个 SSAS 模型并将其部署到 QA。但后来我面临一个问题：键与表中的任何行都不匹配.. Key=(Schema="view", 项目=“

sass powerbi model

回答 1 投票 0

选择父级是最后一个子级的班级

我有一个简单的 html 层次结构：随便我有一个简单的 html 层次结构： <div> <div> <div class="custom-class">whatever</div> </div> <div> <div class="custom-class">whatever</div> </div> <div> <div class="custom-class">thing i want to select</div> </div> </div> 我目前正在向 .custom-class 添加属性，但想仅向最后一个孩子的 .custom-class 添加特定属性。意思是我想知道可以访问scss而不影响其他兄弟姐妹的<div class="custom-class">thing I want to select</div>选择器。如果可能的话，我想在单个 .custom-class {attributes} 中执行此操作。 :last-child > .custom-class 应该执行您所要求的操作：如果它是最后一个子元素的直接子元素，则选择 custom-class。 :last-child > .custom-class { color: green; } <div> <div> <div class="custom-class">whatever</div> </div> <div> <div class="custom-class">whatever</div> </div> <div> <div class="custom-class">thing i want to select</div> </div> </div>

html css sass css-selectors

回答 1 投票 0

如何删除CSS省略号后的其余文本

文本被 CSS 规则截断 text-overflow: ellipsis;和溢出：隐藏；但是当文本较长并进入第二行时，有时第二行显示的像素很少。元素.innerHTML

javascript css sass overflow ellipsis

回答 2 投票 0

在 Sass 中使用函数会返回包含函数名称的字符串，而不是结果

我正在尝试 Zurb Foundation 5。因此，我创建了一个新项目并尝试更改设置。例如，当我更改 $row-width: rem-calc(1170); 时在 my-project/scss/settings.scss 中，它编译了（在 my-

sass zurb-foundation compass-sass

回答 2 投票 0

OpenCart 3.0.4.0 和 PHP 8.0 的 SCSS/SASS 编译错误

我的 OpenCart 3.0.4.0 安装在 PHP 8.0 上运行良好有一段时间了。我正在对视图进行一些更改并刷新主题和 SASS 缓存。主题刷新效果很好，但是......

php sass opencart-3

回答 1 投票 0

使用 CSS 将项目与不同的父项均匀对齐

我想要以相等的间距和不同的父项对齐项目，并且不向这些项目添加任何宽度。我尝试了下面的代码但不起作用。请帮我解决这个问题。我希望将项目以相等的间距和不同的父级对齐，并且不为这些项目添加任何宽度。我尝试了下面的代码但不起作用。请帮我解决这个问题。 <div class="container"> <div class="buttons"> <button>test</button> <button>test</button> <button>test</button> <button>test</button> </div> <button class="outer">test</button> </div> .container{ display:flex; width:100% } .buttons{ display: flex; width: 75%; justify-content: space-between; } .outer{ margin-left:auto } 我的代码链接https://jsfiddle.net/f74ayxh9/ 我想要这样的结果，具有相等的间距和边距，但具有我的 HTML 结构。谢谢你您可以使用按钮容器元素上的 display: contents 来完成此操作。 .container { display: flex; justify-content: space-between; outline: 1px solid red; margin: 2em; } .buttons { display: contents; } <div class="container"> <div class="buttons"> <button> test </button> <button> test </button> <button> test </button> <button> test </button> </div> <button class="outer"> test </button> </div>

html css sass flexbox alignment

回答 1 投票 0

错误：将 Angular 14 升级到 Angular 18 时，SCSS 中未定义 mixin

我正在将项目从 Angular 14 升级到 Angular 18，在运行构建时遇到与未定义的 SCSS mixin 相关的错误。我收到的错误消息是： ./src/scss/angu...

javascript css angular sass

回答 1 投票 0

如何更改整个页面的字体大小？

几乎所有CSS类都已经用静态值设置了font-size。例如：字体大小：16px 字体大小：14px ETC。如何将整个页面的字体大小增加 110%？例子字体大小：1...

javascript css vue.js sass font-size

回答 4 投票 0

如何隐藏带有嵌套选项卡组的 mat-tab-header，隐藏外部 mat-tab-group 而不隐藏内部

我本质上有html 我基本上有html <mat-tab-group> <mat-tab> <mat-tab-group> <mat-tab> </mat-tab> </mat-tab-group> </mat-tab> </mat-tab-group> 如何使用 css （或任何真正的方法）隐藏外部选项卡组 mat-tab-header 元素，但不影响内部选项卡标题？我强烈建议您使用此自定义指令而不是使用 css。 import { Directive, ElementRef, OnInit } from "@angular/core"; @Directive({ selector: "[header-less-tabs]", }) export class HeaderLessTabsDirective implements OnInit { constructor(private eleRef: ElementRef) {} ngOnInit(): void { this.eleRef.nativeElement.children[0].style.display = "none"; } } 非常简单且可重复使用。使用示例： <mat-tab-group header-less-tabs> <mat-tab> <mat-tab-group> <mat-tab> </mat-tab> </mat-tab-group> </mat-tab> </mat-tab-group> 弄清楚了，只需选择直接子项 <mat-tab-group class="invisible-tabs"> <mat-tab> <mat-tab-group> <mat-tab> </mat-tab> </mat-tab-group> </mat-tab> </mat-tab-group> .invisible-tabs { > .mat-tab-header { display: none; } } 简单的替代解决方案：将以下内容添加到您的组件 CSS 文件中： ::ng-deep .mat-tab-header { display: none!important; } 使用 ng:deep 的另一种替代解决方案 <mat-tab-group > <mat-tab class="invisible-tabs"> </mat-tab> <mat-tab class="invisible-tabs"> </mat-tab> </mat-tab-group>  .invisible-tabs { ::ng-deep .mat-tab-header { display: none !important; } } 在最新版本的 Angular 上，您可以使用 <mat-tab-group class=" header-less-tabs">  <mat-tab> <p>Tab1 content</p> </mat-tab>  <mat-tab> <p>Tab2 content</p> </mat-tab> </<mat-tab-group> CSS .header-less-tabs.mat-mdc-tab-group .mat-mdc-tab-header { display: none !important; } TS文件 @Component({ selector: 'app-tab-options', templateUrl: './tab-options.component.html', styleUrls: ['./registration-options.component.css'], imports: [ MatTabsModule, ], 独立：真实，封装：ViewEncapsulation.None })

css angular sass angular-material

回答 5 投票 0

无法通过sass模块编译scss文件

我需要一个初始值的映射，所以我使用这个间隔子.scss @use“sass：地图”； $初始：4px； $值：(); @$i 从 -5 到 12 { $spacers: map.sets($spacers, $i, $i * $spacer)...

node.js sass node-sass

回答 1 投票 0

css 属性 - 初始值会覆盖外部设置

我正在开发一个角度项目。我有以下组件类：导出类 ReservationTableComponent 实现 OnInit { @Input({ required: true }) table!: Table; @Input() 设置 colMinW...

html css angular sass

回答 1 投票 0

NetBeans：如何定义新文件扩展名的语法突出显示和验证？（以 .sass 为例）

目前 NetBeans IDE 不支持 .sass 扩展名（“创建新文件”菜单中的 SASS 文件实际上是 .sccs 扩展名文件）。除了新的文件类型定义之外，要添加 .sass 支持...