sass 相关问题

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

升级到 Angular Material 17 后出现错误：@include mat.legacy-core() 和 @import "@angular/material/theming"；

升级到 Angular Material 17 后，我在 Angular 应用程序的代码库中遇到了两个不同的问题： @include mat.legacy-core() 错误：当使用指令 @include ...

angular sass angular-material material-design angular17

回答 1 投票 0

为什么我无法编辑垫子按钮填充？

mat-button的默认填充，我需要订阅默认填充（16px）我一直在尝试设置垫子按钮的填充，但组件的样式没有改变。我能做什么，我有...

css angular sass material-ui angular-material

回答 1 投票 0

iPhone 15 和小米 Mi9 上的 SCSS 媒体查询问题

我有 React 网站，我想使用 SCSS 正确对齐容器中的按钮。我的目标是具有不同屏幕分辨率的多个设备。它运行良好，但我在 iPhone 15 和

css sass media-queries

回答 1 投票 0

如何使用::ng-deep访问Angular子组件的CSS

我正在尝试使用 ::ng-deep 访问和编辑子组件的 CSS 类。我尝试了下面提供的代码的不同版本，但无法访问 CSS。结构...

css angular sass ng-deep

回答 8 投票 0

使用 CSS 选择器在 2 个类之间选择元素

假设我有以下 HTML 结构： 1 2 3 4 假设我有以下 HTML 结构： <div class="open">1</div> <div>2</div> <div class="close">3</div> <div>4</div> <div class="open">5</div> <div>6</div> <div>7</div> <div>8</div> <div class="close">9</div> <div>10</div> 我想选择“打开”和“关闭”类之间的所有元素（例如，div 编号 1,2,3,5,6,7,8。到目前为止，我所做的是使用以下 CSS： .open ~ *:not(.close ~ *) { color: red; } 但它只捕获第一组，而不捕获以下组。如何选择所有“组”？我尝试解决问题的游乐场： https://stackblitz.com/edit/stackblitz-starters-8fvzok?file=styles.css 亲爱的朋友。我知道你想选择 div 编号 (2,4,6,7,8,10) 这就是为什么你可以尝试这个代码： div:not([class]){ color: red; }

css sass css-selectors

回答 1 投票 0

更改（增加）Mat-Form-Field 的边界半径

我正在一个使用 Material 的 Angular 项目中工作。我有一些带有轮廓外观输入的垫子表单字段。我想更改轮廓的边框半径（增加它）。我读了一遍...

css angular sass angular-material

回答 2 投票 0

Theme.json 在 Wordpress 中停止更新

几天以来我一直在 WordPress 中开发我的 fse（完整站点编辑）项目。我每天编辑 theme.json 文件来更改/添加字体大小或类似的内容。但从今天开始，当我...

css wordpress sass themes updates

回答 1 投票 0

将变量从.ts导入到.scss Angular

我正在开发一个角度组件，我想将 ts 文件中的变量（例如颜色）导入到我的 scss 文件中，并且我遇到了一些问题。我看过一些节点的例子......

javascript angular typescript sass angular6

回答 6 投票 0

侧边导航在 100% 和 80% 缩放级别下显示不同

我已经实现了切换侧导航。问题在于，当屏幕最初设置为 100% 时，导航菜单占据了屏幕的整个高度。然而，当缩小到 80% 时，它

html css sass

回答 1 投票 0

向 bootstrap 5 添加额外的垫片

我想向 bootstrap 5 添加额外的间隔符。我将其包含在 sass 中并覆盖变量。我想避免重复引导程序间隔定义： $间隔符：( 0：0， 1：$...

html css sass bootstrap-5

回答 2 投票 0

bslib 主题未按预期着色 page_navbar

我是 bslib 的新手，对它提供的一些样式选项感到兴奋，但我似乎无法让它们正常工作。我有兴趣使用紫色的脉冲引导表（https://bootsw...

r shiny sass bootswatch bslib

回答 2 投票 0

如何在可滚动元素中使用工具提示？

我有一个可以在 x 方向滚动的元素，其中包括工具提示：我有一个可以在 x 方向滚动的元素，其中包括工具提示： <div class="scroll-container"> <ul class="nav nav-tabs mt-4"> <div class="nav-item"> <div class="nav-link d-flex vertical-center"> <span class="tooltip"> <span class="tooltip__content"> <a>Action 1</a> </span> </span> </div> </div> <div class="nav-item"> <div class="nav-link d-flex vertical-center"> <span class="tooltip"> <span class="tooltip__content"> <a>Action 2</a> </span> </span> </div> </div> </ul> </div> 滚动容器的样式是： .scroll-container { width: 100%; overflow-x: auto; overflow-y: hidden; border-bottom: 1px solid #dee2e6; } 以及工具提示的样式： .tooltip { position: relative; display: inline-block; .button { margin: 0; } .tooltip__content { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 100%; min-width: 120px; z-index: 2; display: block; margin-top: 10px; padding: 4px 8px; background: #445e5f; border-radius: 4px; font-size: 12px; color: #fff; text-align: center; text-transform: none; white-space: normal; font-weight: normal; visibility: hidden; opacity: 0; transition: all 0.25s ease-out; &:after { content: ''; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border: 5px solid transparent; border-bottom: 5px solid #445e5f; } &--wide { min-width: 240px; } } &:hover .tooltip__content { visibility: visible; opacity: 1; } } 这向我展示了这样的视图： Action 1 下方的小三角形是工具提示。如果我删除overflow-x:auto 和overflow-y:hidden 工具提示将按我预期的方式工作，但这次可滚动功能消失了。如何将可滚动（overflow-x：auto；和overflow-y：hidden；）和工具提示一起使用？这里是完整代码：https://jsfiddle.net/w6bfzduk/51/ 抱歉，您的 CSS 不完整，我无能为力。

html css sass tooltip scrollable

回答 1 投票 0

Next.js 模块样式被 mui/material 样式覆盖

我目前正在使用 next.js 和 scss 模块进行样式设置。我遇到了一个关于 mui/material 组件的有趣的小问题。运行 dev (npm run dev) 时，一切都按预期工作。乐趣开始了...

reactjs next.js sass material-ui css-modules

回答 1 投票 0

如何使导航栏上的元素居中 | SCSS 与 Astro

我的 SCSS 无法正常工作。它应该将我试图制作的导航栏组件的链接居中，而不是徽标。 css 没有将它们都居中。图像以下代码是我的CSS（SCSS）： .

html css sass astrojs

回答 1 投票 0

flexbox mixin 在通过 SCOUT 安装的 sass/compass 中不存在

也许有人给我一个提示，帮助我节省穿过丛林的时间。我安装了 sass/compass GUI“scout”（在 mac 上），现在我想为我的 Flexbox 使用 compass mixin。我可以@...