合并相似的SCSS类

文章/答案/技术大牛

发布

1回答

css、sass

我有两组48个类，它们都具有相似的结构，我想知道是否有一种优雅的方法将它们整合到SCSS中。它被重复到12列，每次宽度增加1/12。边距保持不变。这里唯一的区别是类名，所以 width: calc(8.33% - #{$column-spacing}) !我希望使用一些SCSS来使这一切变得更优雅和简洁，而不是需要重复这么多代码。谢谢!

浏览 4提问于2017-06-23得票数 1

1回答

PhpStorm和边界元模型

phpstorm、webstorm、bem

我可以从TSX通过类转到我的SCSS。 ? 我不能回去做同样的事情。我使用PhpStorm，我很怀念VSC所具有的特性。SCSS类的预览全部合并。当它嵌套在SCSS中时，很难知道它是什么类。 ?

浏览 6提问于2019-09-13得票数 0

1回答

Webpack CSS装载机/ PostCSS装载机构建错误

css、webpack、sass、postcss

/src/styles.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??/src/styles.scss) @import "bootstrap/scss/variab

浏览 7提问于2022-11-01得票数 0

2回答

无法将CSS模块导入TypeScript项目#121号

reactjs、typescript、react-typescript

在我的React项目中描述了的错误，我正在尝试使用CSS模块。我后来使用create-react-app，添加了TypeScript创建了这个项目。然后，我按照的指示在项目中设置CSS模块。 "compilerOptions": { } 我

浏览 7提问于2021-05-04得票数 1

回答已采纳

3回答

如何@扩展Vue组件中的外部CSS类？

vue.js、sass

例如，如果我的组件中有类似的内容：.color-blue {} @extend

浏览 0提问于2019-03-15得票数 5

2回答

SassError:找不到目标选择器

webpack、sass、bootstrap-5

/src/public/bootstrap-lite.scss (./node_modules/css-loader/dist/cjs.js!./src/public/bootstrap-lite.scss)5 │ @extend h1; ╵ node_modules/bootstrap/scss/_type

浏览 10提问于2022-01-22得票数 1

2回答

使用环境变量动态更改角6中的样式

javascript、angular、sass、angular6

.scss和eme2.scss中，我将所有的样式和变量包装在一个类中。default; width: 150px;同样，mee2.scss也将以类似的方式进行。在component.ts文件中，我将类名更改如下： this.selectedTheme = environment.customer==""?"theme1": "theme2&

浏览 0提问于2018-10-04得票数 2

回答已采纳

1回答

如何在组件的动画中使用自定义主题的颜色？

angular、angular-material、angular5、material-design

我是否需要在组件的css (或者，在本例中，是scss)中将元素的背景色设置为动画颜色，然后立即将其设置为动画？我担心它会严重降级，特别是如果我后来决定为动画或其他东西添加一个切换。

浏览 1提问于2018-12-17得票数 1

2回答

如何在修复合并冲突后绕过预提交钩子？

git、husky、git-husky、lint-staged

git rev-parse -q --verify MERGE_HEAD ：当不处于合并状态时，出错。我如何获得一个类似的命令，当我们处于合并状态时会出错？几乎是确定的解决方案：我找到了一种通过使用git rev-parse -q --verify MERGE_HEAD来检测是否处于合并状态的方法。它在合并状态时返回哈希，在不处于合并状态时返回错误。[ "

浏览 4提问于2020-04-15得票数 7

1回答

如何根据css类执行不同的sass文件？

html、css、sass

我想知道如何才能包含基于某个类的不同sass文件(主题)？现在我们有了3个应用程序，它们都有一个独特的css类来设置样式(.app1 {..background color: red;})如果为.app1，则执行app1.scss；否则，如果为.app2，则执行app2.scss；否则，如果为.app3，则执行if a

浏览 2提问于2017-03-14得票数 1

1回答

使用sass-加载程序不会动态导入类。

css、reactjs、import、sass

我的目标是使用动态类导入scss-classes。// App.js...<div className={classes.App}/>.App {} 问题是这些css更改不会发生，使用dev-tools我

浏览 0提问于2019-09-08得票数 2

回答已采纳

2回答

如何将SCSS文件部署到角度6中的dist？

sass、angular6

我们需要部署scss文件到dist目录时，角正在建立。我非常清楚，构建后只应该部署css，但是我们需要在运行时读取scss文件并执行某些操作。, "node_modules/bootstrap/dist/css/bootstrap.min.css", ],

浏览 0提问于2018-11-23得票数 1

回答已采纳

2回答

SCSS -合并相似组的正确方法(但不是相同的)

css、sass

我正在努力找出正确的方法，把两个相似的组合并到SCSS中。我应该如何合并这些以减少重复，或者这是不可能的？谢谢

浏览 3提问于2015-09-04得票数 1

回答已采纳

2回答

使用我的scss文件中的Bootstrap实用程序API

twitter-bootstrap、sass、bootstrap-5、scss-mixins

我正在从CDN中使用它，但是我仍然想要那些类(例如mt-n1)。我想通过一个混合器(或类似的东西)导入到我的scss中。显示这是可能的，但我不确定如何从我的scss文件中调用它。// import bootstrap@import "~bootstrap/scss/variables"; @i

浏览 12提问于2022-05-25得票数 3

回答已采纳

2回答

为什么我的样式表没有包含在我的Rails 3应用程序中？

ruby-on-rails、ruby-on-rails-3、stylesheet、coffeescript、assets

一切都很好，我对它的工作方式很满意，除了一件事：app/assets/stylesheets/supporters.css.scss没有装载支持视图.值得注意的是，我删除了users.css.scss文件，然后创建了一个新的supporters.css.scss文件。我还需要做些什么才能将文件加载到supporters视图中吗？

浏览 4提问于2011-11-16得票数 0

回答已采纳

1回答

在react中覆盖另一个组件的样式

reactjs、react-css-modules

/ComponentA.module.scss’导入样式；.A { color: green;import styles from 'componentB.module.scss';return() 但是我想要在组件B中覆盖.A类的颜色，我尝试在componentB.module.<em

浏览 2提问于2020-07-02得票数 0

回答已采纳

1回答

我有两个SVN存储库，我想将它们合并为一个，它们都有多个分支&标记，我想将它们与所有版本历史一起维护。回购1主干头与Repo 2主干版本2相同，所有针对Repo 1和Repo 2的分支和标记都已分支，并已合并回自己的存储库主干。由于这两个存储库主干都有一个共同点，而且所有的分支和标记都是在它自己的存储库中创建和合并的(没有跨越Repo 1和2的分支和标记)是否有可能将它们合并成一个连续的存储库，所以当我回顾历史时，它们总是一个存储库吗我在这里发现了其他类似的问题，但据我所知，它们

浏览 0提问于2014-11-15得票数 0

回答已采纳

1回答

如何在基础站点6中扩展small-12 (或其他类似的)类？

sass、zurb-foundation

如何在基础站点6中扩展small-12 (或其他类似的)类？@import '../bower_components/foundation-sites/scss/foundation.scss' ; @extend .small-12

浏览 1提问于2016-03-31得票数 0

1回答

可合并选择器SCSS-lint

css、sass、css-selectors、scss-lint

我是CSS的初学者，我正在从事一个项目，该项目使用scss-lint来验证样式表格式。width: 0; border-left-color: $brand-highlight;其思想是，每当我悬停其他元素时，hover类就会添加到箭头中SCSS错误: MergeableSelector:合并规则.arrow--right.hover和.arrow--right 我如何在不影响我试图达到的行为的情况下合并这两条规则？

浏览 0提问于2018-04-25得票数 1

回答已采纳

2回答