模块化CSS样式不起作用

文章/答案/技术大牛

发布

1回答

javascript、css、reactjs

/App.css';<div className={classes.App}> showPersons = {this.state.showPersons我的App.css看起来很简单。 text-align: center;我的控制台中没有错误。我也看不到任何webpack module config文件。我做错了什么？

浏览 15提问于2018-07-31得票数 2

1回答

如何访问不同文件中的css变量？

import、css-modules、css-variables

我创建了一个global.css文件，并在:root元素中声明了css变量。现在我想以模块化的方式设计我的页面，要做到这一点，我需要访问global.css文件中的变量(--主颜色：#000)，但是它不起作用。是否可以在另一个css文件中使用css变量，或者只有

浏览 11提问于2022-07-22得票数 0

3回答

我想开始使用模块化CSS，但我在找出实现它的最佳方式时遇到了麻烦。我想我可以使用一个，在我的超文本标记语言中有一个，然后每个模块都有@import语句。虽然我喜欢这种方法的简单性，但我担心它对性能的负面影响，因为@import-ed样式表将在稍后下载，而不一定是并行的。所以我想知道是否有其他流行的技术来实现模块化CSS。我真的不想做多个标签，因为PageSpeed和Yslow抱怨太多的样式表(尽管我知道它实际上比@import更有效)。理想情况下，我希望在服务器上将样式

浏览 0提问于2010-10-22得票数 4

回答已采纳

2回答

复合服务器控件(包括用户控件、自定义服务器控件)是否通常封装css属性？

asp.net、css

如果复合服务器控件通常将样式信息封装在内部，那么它就是代码封装和模块化示例。但是，如果css属性包含在复合控件中，则对于代码/样式分离和css代码重用原则来说并不理想。现在，哪个是主要的考虑因素呢？

浏览 0提问于2010-11-07得票数 0

回答已采纳

3回答

全局CSS主题与组件特定本地样式表的组合

css、themes、stylesheet

我正在创建一个带有自包含UI组件的模块化html/js应用程序。我的每个UI组件都可能有自己的模板文件(结构)、js文件(行为)和css文件(表示)。现在，我希望这些组件具有一个“默认”演示文稿和一个本地css文件。如果用户应用主题，则所有本地组件样式都应被主题css覆盖。我知道我可

浏览 4提问于2012-09-11得票数 1

回答已采纳

1回答

基于网格的UiBinder样式化

css、gwt、uibinder

我想问，是否有人有过将基于网格的CSS系统(960或类似的)与GWT uibinder应用程序集成的经验。我们的应用程序是用GWT2.1、UIBinder和最新的GWT功能完成的，这些功能非常适合使用，并使我们能够拥有一个模块化和灵活的样式系统。我们的设计团队返回了一个HTML布局和相应的网格css文件，我们应该将它们与我们的GWT代码集成起来。如果我们要将网格样式集成到我们的uibinder文件中，那么我们必须用div包装所有GWT小部件，并使用正确的网格类名。就我个人而言，我不喜欢将一个完全独立的网格

浏览 4提问于2011-05-04得票数 2

1回答

蚂蚁设计-有什么方法可以得到我实际使用的样式吗？

javascript、css、webpack、babeljs、antd

最近安装的ant设计{ ["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css"

浏览 1提问于2018-06-18得票数 2

1回答

如何在sass中以模块化的方式实现这个粘性页脚？

html、css、sass

它要求将样式应用于<html>、<body>和<footer>。现在我使用sass来编写我的css，并且我希望尽可能地实现这个页脚。最好是这样，例如：但是，如果这样做的话，我仍然需要对<html>和<body>标记进行样式化。那么，是否有一种方法可以用sass (在scss中)以模块化的方式来实现，最好是使用@extend？(有一个) 我要说的是:我不是在要求家长选择。我要求一种模块化</

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

回答已采纳

3回答

Angular2模块级样式表

css、angular、sass

我正在使用以模块化结构设计我的网站，并且我愿意组织样式表，以便在每个模块级别(而不是组件级别)定义样式表，然后导入所有组件中以保持整个模块的标准布局。这是个好办法吗？如果是，是否有方法将CSS从module.ts文件导出到所有组件。以非常类似的方式，这些服务可以使用providers提供。这将省去在所有组件中单独导入相同CSS文件的痛苦。

浏览 2提问于2016-12-16得票数 28

1回答

是否有可能覆盖盖茨比主题博客的字体？

gatsby、theme-ui

我正在使用盖茨比主题-博客，并希望使用默认的“蒙特塞拉特”以外的字体，这是与"Wordpress 2016“主题。在中，我知道如何在我的项目下创建文件来替换原始文件。但是，所有方法都失败了，Posts页面中的标题保持为Montserrat。 { "@theme-ui/typography": "^0.3.0

浏览 2提问于2020-04-13得票数 1

1回答

CSS加载器和提取文本插件使用案例Webpack

javascript、webpack、webpack-style-loader、css-loader、extract-text-plugin

我知道CSS-loader只是模块化了你的CSS，所以如果你在你的foo.js中导入style.css，每当foo.js运行时，它都会有一个对style.css的引用，这样你在foo.js中创建的元素就可以拥有style.css的散列classNames。然后，样式加载器通常用于将style.css放入html的<style>标记中，以便应用样式。我不确定提取文本插件的意义。是不是这样你就不需要Style Loader，

浏览 18提问于2018-03-04得票数 0

1回答

头部和部分中`<link>`与`<style>`的最佳实践

html、css

向节添加样式的最佳实践性能是什么？ .foo { }<div class="foo">或<div class="foo">在头与节的一般<em

浏览 2提问于2022-07-13得票数 -1

1回答

如何以标准的SCSS方式(基于字体的图标)使用@fortawesome/fontawesome (字体图标)

angular、font-awesome、angular11、angular-fontawesome

expanded: false, selected: false安装了fortawesome的唯一css文件是不包含图标的fontawesome核心文件夹下的styles.css。

浏览 5提问于2021-06-18得票数 1

1回答

如何将一个较少的样式表模块化为多个样式表？

css、less

我希望将我的styles.less文件(目前包含3000行用于整个站点的样式表代码)分解成多个样式表，即navigation.less、buttons.less、footer.less等。我想我会将所有这些单独的样式表@导入到一个主样式表中，比如编译/缩减为all.css的all.less 我在将这些样式分解为单独的表时遇到的一个问题是，变量引用被破坏了。因此，例如，如果我将我的按钮CSS移植到buttons.less，我的按钮CSS包含对s

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

6回答

动态加载/卸载javascript和css样式表有好处吗？

javascript、html、css、ajax

主框架有自己的site.css样式表。是否值得将所有样式表信息放在一个样式表中？我认为这将使网站不那么模块化。每次添加/删除新页面或内容时，都必须更新css (给定内容需要不同的样式信息)。同样的问题但是有javascript。问题2: 如果拥有多个样式表(我认为是这样)是值得的，那么在样式表不使用时卸载它是否有益。例如，我加载profile.php页面，以便动态加载profile.css

浏览 8提问于2011-03-04得票数 9

回答已采纳

1回答

如何用Angular2组件打包样式？

css、sass、angular

用angular组件打包样式的推荐最佳实践是什么？在Angular 2之前，通常使用sass/less来模块化组件/指令，方法是将组件/指令的样式保存在与JavaScript和HTML相同的文件夹中。但在最后，构建过程将扫描整个源代码，并将所有JavaScript打包为一个文件(例如bundle.js)，并将所有css打包为一个文件(例如style.css)。换句话说，JS和CSS是单独打包的，即使它们位于不同的源模块中。这仍然是Angular 2或其他版本

浏览 1提问于2016-02-04得票数 3

1回答

模板与templateUrl和样式与styleUrls -性能

javascript、performance、angular

在角2中，我们可以对模板和样式使用内联或url方法。使用url有利于模块化、可读性，IDE还提供代码辅助。使用url会导致来自浏览器的额外请求，这可能会导致性能下降。使用模板和样式的推荐方法是什么--内联或url？'styleUrls: ['my-component.css

浏览 1提问于2016-06-05得票数 0

1回答

是否在角6减速时多次加载相同的引导css文件？

angular、typescript、angular6

我在src/index.html中的应用程序中使用了角6，我发现引导程序正在加载我的应用程序中的每个/assets/css/bootstrap/css/bootstrap.min.css',** '../..&#x

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

2回答

角度分量中的styleURL是否比从所有scss文件中编译和转换的app.css更快或更有效？

angular、webpack、sass、gruntjs

我所有的scss文件都编译成一个大的css文件，整个应用程序指向那个css文件。因此，使用角分量生成的html将查看它，以便为正确的类获得正确的样式。

浏览 6提问于2020-06-23得票数 0

回答已采纳

1回答

样式组件-比${props => props.theme.}更容易访问传递的主题属性

javascript、reactjs、styled-components

我有一个主题文件： colors: { normal: "#9E9E9E", }, textSize: "14px", titleSize: "56px"}; 我就是它们传递到我的App组件中： class App

浏览 1提问于2017-11-12得票数 1

回答已采纳

点击加载更多