如何使用:全局css类- css模块

文章/答案/技术大牛

发布

1回答

css、reactjs、css-modules、react-css-modules、react-boilerplate

我正在为我的reactjs项目使用css模块。下面是我尝试使用全局css类的文件：<div class='site-wrapper-title'>Hello World</div>这是我的styles.css .site-wrapper {

浏览 12提问于2016-09-06得票数 0

3回答

CSS模块和CSS关键帧动画

css、reactjs、css-animations、css-modules

我正在尝试做一个简单的动画使用反应，关键帧，CSS模块(和SASS)。问题是CSS模块散列关键帧名称的方式与其散列本地类的方式相同。JS代码试图让所有东西都变得全局，使用<code>C1</code>源代码作为教程(不编译)：更改此设置也不起作用： <code>A3<

浏览 73提问于2019-08-24得票数 5

回答已采纳

1回答

类名绑定和全局类

javascript、reactjs、getelementsbyclassname

如何连接绑定的css模块类和全局css模块类()？import styles from '..我需要写这样的东西： Content其中，.highlight是一个b

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

回答已采纳

1回答

我能告诉样式加载程序在css模块之前加载我的全局CSS吗？

reactjs、gatsby、postcss、css-modules、babel-plugin-react-css-modules

我的大多数站点都在使用Bulma类进行全局UI样式设计，我希望继续在组件中使用这些类，但也能够为这些组件定义CSS模块，以便为每个组件进行自定义调整。因此，我将babel-plugin-react-css-modules添加到我的项目中，允许我在className中使用Bulma类，并将模块类放在styleName中。我的问题是，当我的全局样式和模块</e

浏览 0提问于2019-01-23得票数 4

回答已采纳

2回答

Next.js应用程序中CSS模块的特异性控制

css、webpack、next.js、tailwind-css、css-modules

我试图找出一个很好的工作流程，如何在Next.js中使用Tailwind和CSS，但是我遇到了一些棘手的问题，涉及到Webpack插入样式的顺序和特性。然而，我在这里看到一些小问题： /* button.modu

浏览 7提问于2021-03-16得票数 12

2回答

将全局css文件与CSS模块一起使用

css、reactjs、webpack、postcss、css-modules

我正在为一个项目使用，它使用CSS模块和postCSS的样式，这是很棒的。但是，我也需要有一些全局CSS文件的排版，基础组件等。什么是最好的做法，这些应该如何添加？我考虑过使用，但不完全确定如何在webpack中设置它，以便它可以将这些全局文件导入到主样式表中。如果我可以在CSS模块文件中使用这些文件中定义的变量和混合，但不确定这是否可行或建议这样做，那就太好了。

浏览 1提问于2016-06-09得票数 2

3回答

如何使用css模块定义全局类？

css、reactjs、css-modules

我正在使用css模块，但是我在组件中使用的库用JavaScript在tweet中添加了一些元素到组件中，其结构如下：<div class='tweet'></div>MyComponent.css /* styles *

浏览 7提问于2015-12-15得票数 11

回答已采纳

3回答

反应切换类，使用模块导入

css、reactjs、use-state

我试图用useState切换一个类，但是我使用模块(不是全局的，xxx.module.css)导入这个类。是否可以在不将类更改为全局的情况下切换类？示例：const [active, setActive] = useState(false);active)}>toggle me<

浏览 6提问于2021-01-30得票数 0

回答已采纳

2回答

NextJS是否有可能将模块特定样式和全局样式结合起来？

next.js

例如，如何使用来自模块特定css的类" module“和来自全局css的类" global”来设置组件的样式？ <p className={styles.module}>Hello World!

浏览 32提问于2021-03-21得票数 0

回答已采纳

2回答

如何在Jest中处理带有?module后缀的css模块

css、symfony、webpack、jestjs、webpack-encore

我正在构建一个react应用程序，它使用Symfony的webpack安可将全局css与css模块混合在一起。为了避免全局CSS问题，我决定在组件中使用全局样式的import 'app.css'和import styles from 'component.css?module'。这是预期的工作，但是Jest没有从css模块导

浏览 3提问于2021-02-12得票数 0

1回答

从css模块中引用全局类名

css、bem、css-modules

我们正在与Webpack一起开发这个新的UI，我们使用css模块来处理新UI所需要的所有新css。但是我们仍然需要重用一些全局css，并通过html链接的传统css样式表在应用程序中提供这些css。因此，我们需要在css模块中偶尔编写引用全局命名空间中的css类的规则，而不是在本地范围内的类，因此在运行应用程序时转换为更类似于宝石的长cs

浏览 2提问于2018-09-14得票数 2

回答已采纳

1回答

如何在react粘贴表中实现样式或sass / css模块

javascript、reactjs

它不是接受的CSS或样式。但是一些样式或CSS元素可以使用react-sticky-table。它没有完全接受样式如果您有任何其他的解决方案，请在这里参考。演示链接

浏览 2提问于2020-06-09得票数 0

2回答

将js css样式表应用于多个组件

css、reactjs

Parent.js imports parents.css .example {} 为什么我能够在Parent.js组件中使用这个Parent.js，尽管没有在parent.css中指定它

浏览 8提问于2020-07-01得票数 2

1回答

下一个JS中的媒体查询

css、next.js、responsive

我试图在下一个JS中为我的媒体查询断点使用不同的文件，它们似乎什么也不做。我将它们创建为:样式/查询/ first one.css(第一个断点)import '../styles/normalize.css' import '../styles/querie

浏览 3提问于2021-07-31得票数 1

1回答

将css模块与提取文本插件结合使用

reactjs、webpack-2、css-loader、extract-text-plugin、extracttextwebpackplugin

在生产模式下，使用css-loader中的css -loader中的css模块选项，使用extract-text- Webpack -plugin时，webpack 2构建不能像预期的那样工作。正确生成的类是在html元素上创建的，这意味着css-loader可以正常工作，但是从提取文本-webpack插件中提取的css文件缺少css标识符。我使用了一种方法来同时实现全局c

浏览 27提问于2017-07-09得票数 11

回答已采纳

2回答

如何让CSS模块默认全局导入文件？

reactjs、webpack、css-modules、css-loader

我正在尝试实现CSS模块到我的项目，这是使用React和Webpack。但是，我想继续使用我创建的所有全局css。import './styles.scss中存在的类.button现在，因为我想实现CSS模块</

浏览 25提问于2017-12-19得票数 9

1回答

使用类设置React组件的样式

javascript、css、reactjs

如何在react组件中定义CSS类，而不是在外部样式表中？我知道有一个叫做CSS模块的概念，它解决了全局样式表的问题。有没有其他方法可以通过在组件中定义类来样式化组件？

浏览 13提问于2018-07-20得票数 2

1回答

在css模块中使用类前缀模式

css、reactjs、less、css-modules

clsPrefix}__div1`}>div 1</div> </>}// css module .it

浏览 0提问于2021-11-18得票数 0

回答已采纳

1回答

如何在共享模块中更改共享模块的样式？

html、css、module、angular10

模块A使用来自app.component.css的全局CSS，如下所示 .section-top-padding { padding-bottom我想更改模块B中的css样式 .section-top-padding { padding-bottom: 5rem; } 类似地，我希望模块C中的样式类似于 .sec

浏览 14提问于2021-10-09得票数 0

1回答

如何在盖茨比项目中包含反应范围-css？

css、reactjs、gatsby、scoped

我正在开发一个使用gatsby.js的网站，并希望调整我的风格，以避免我的反应组件之间的全局类名冲突。我开始使用css模块，但我更喜欢使用react范围的-css包，因为它允许您继续使用基于字符串的类名。我只能找到如何在创建-反应-应用程序设置中使用react作用域-css的实例，但我希望在我的gatsby项目中包含这个包。有人能告诉我如何将这个

浏览 5提问于2022-08-15得票数 -1

点击加载更多