我正在使用create-react-app，并试图找出一种将样式表应用到特定页面的“有效”方法。
我的src文件夹结构如下所示：
| pages
| - About
| - - index.js
| - - styles.css
| - Home
| - - index.js
| - - styles.css
| index.js
| index.css
在每个index.js文件中，我都使用了import './style.css'
但是，我发现当我从一个页面导航到下一个页面时，起始页面中的样式被应用到目标页面，就好像它们被缓存了一样，而目标页面中的样式没有被遵循。
我只是想
浏览 23提问于2017-05-09得票数 11
1回答
我有一个react组件，在css文件夹.In APP.js(load1.jsx，load2.jsx，load3.jsx)中定义了多个(one.css，two.css，three.css)文件，我们已经配置了所有的js文件。
one.css应用于load1.jsx，two.css应用于load2.jsx，three.css应用于load3.jxs，但是one.css的样式被load1.jxs中的three.css覆盖。
如何在react js中修复这个问题。
浏览 0提问于2021-04-15得票数 1
1回答
我正在努力将集成到我正在构建的应用程序中。应用程序遵循MVC模式，但不使用任何框架。用于模板制作。
我已经阅读了这些文档，并看过一些 。
应用程序的结构如下：
应用
twig_templates
js
css
public_html
js
css
图片
小枝模板被呈现，然后由应用程序返回，所以这是非常直接的。js和css文件夹下的application文件夹将保存原始的javascript和css文件。
我的计划是将合并和缩小的js和css文件存储在js和css文件夹下的public_html文件夹中。
由于我不打算使用as
浏览 4提问于2012-02-09得票数 0
回答已采纳
我正在对一个我放在一起的旧的，静态的网站进行彻底的大修。大修过的应用是使用Rails (4，Ruby2)构建的。我希望在新应用程序中包含旧的静态站点，并通过访问www.classic.my_site.com或www.my_site.com/classic来访问它，然而，新旧站点中使用的许多CSS类/ID名称( CSS和js都使用)彼此重叠，因此将旧的css和js文件添加到新应用程序中将完全搞砸事情。
将旧站点的文件(只有3个文件：index.html、custom.css和my_js.js，以及一些图像)添加到新站点的最简单方法是什么，而不必遍历和重命名所有的css类和id？
有没有什么理由/
浏览 0提问于2014-04-11得票数 2
1回答
我正在创建一个成员应用程序。现在，我正在index.html文件中加载所有js和css文件，如下所示：
<link type="text/css" rel="stylesheet" href="assets/css/gumby.css" media="all" />
<link type="text/css" rel="stylesheet" href="assets/css/pages/global.css" media="all" />
&
浏览 4提问于2014-08-27得票数 1
回答已采纳
css应用的主题不起作用。在过去，它是适用的，但我不知道我做了什么，它不再是可执行的。base.htmnl是其他页面的核心模板。 在base.html中，我有： <!DOCTYPE html>
{% load staticfiles %}
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="{% static 'nan
浏览 18提问于2020-03-21得票数 0
我想在html页面中应用这个链接和脚本。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn
浏览 2提问于2017-03-24得票数 0
回答已采纳
头
<head>
<meta charset="UTF-8"/>
<title>abc</title>
<script type='text/javascript' src='/js/jquery-min.js'></script>
<link rel="stylesheet" type="text/css" href="/css/style.css">
<script type='text/javas
浏览 0提问于2013-04-09得票数 0
1回答
我正在构建两个基于jQuery的插件，我想在html文档中包含必要的css文件。
首先，当我包含js和css时，它运行得非常完美，如下所示：
<script src="/apps/calendar/js/script.js"></script>
<link rel="stylesheet" href="/apps/calendar/css/style.css" title="calendar-style">
然后我添加了第二个js和css。有必要给css文件一个标题，因为在某些情况下，我希望将c
浏览 5提问于2020-07-30得票数 1
回答已采纳
我有一个带有webpacker的rails 5应用程序。我正在尝试使用webpack来捆绑我的css文件和js文件。在我的javascripts/packs中，我既有application.js文件，也有application.scss文件。我将bootstrap作为依赖项添加到我的package.json中，现在正在尝试将bootstrap css和js导入到我的rails应用程序中。在application.js中，我有： console.log('Hello World from Webpacker')
import 'jquery'
import &#
浏览 14提问于2019-03-16得票数 1
回答已采纳
我遇到的问题是，我找不到一种方法来“改变”我的应用程序中的css样式。
例如，我想要访问的东西是:我有一个红色主题，但我希望用户可以选择另一个预定义的主题，比如绿色或蓝色主题。
我的想法是，我有不同的app.css，我如何在彼此之间改变，我找不到方法这样做。也许我可以在我的environnement.js里做
任何小费都会被接受。
tl;dr：如何在我们的Ember.JS应用程序中设置多个css样式？
浏览 4提问于2017-09-28得票数 1
回答已采纳
如果有人知道如何删除Chrome & Safari在文本区域添加焦点的大纲，特别是在ckeditor中，我很想听听。我已将“大纲:无”的多个变体应用于：
--我在config.js中定义的自定义CSS文件，使用的editor.css文件，实际页面的主CSS文件。
什么都不管用，在这里发现了一个的建议，它声称起作用，但没有骰子。
浏览 3提问于2012-04-28得票数 0
我正在将主题设置添加到js应用程序中。应用程序也应该离线工作，所以我必须检查远程样式文件(如http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/jquery/jquery-ui.css)是否存在并且是否可以访问，否则我将<link rel="stylesheet">中的href设置为指向本地文件。
到目前为止，我使用了以下代码，但是对于jQuery 2.1.3，它在控制台上输出一个警告：
不推荐主线程上的同步XMLHttpRequest，因为它会对最终用户的体验产生有害影响。要获得更多帮助，请查看
浏览 1提问于2015-02-15得票数 2
1回答
我试图理解我应该如何在我的应用程序中构造我的js和css文件。如果我看一下一个play2应用程序的剖腹产：
app → Application sources
└ assets → Compiled asset sources
└ stylesheets → Typically LESS CSS sources
└ javascripts → Typically CoffeeScript sources
└ controllers → Applicatio
浏览 1提问于2014-01-14得票数 0
回答已采纳
1回答
将<svg>元素保存到磁盘上
、、、、
在我的HTML中我有一个SVG元素。它使用d3js呈现，并在CSS中应用了样式。
当我在浏览器中右击时，我可以选择“保存图像”。此操作保存所有应用的css样式所呈现的图像。
我一直在寻找保存文件的好方法
去画布和导出画布
保存为SVG的文件保护程序
变体
但是，当我将文件放到磁盘上时，css中的额外样式不会应用到保存的映像中。
问:如何将SVG保存在应用css的浏览器中。
浏览 2提问于2016-07-20得票数 2
回答已采纳
谷歌漂亮对我来说很有用。我已经建立了一个应用程序的Twitter引导前端和谷歌美化语法突出显示。但是该应用程序也用于脱机工作，例如localhost，因此我包含了prettify.js和prettify.css。
现在，当我脱机并在应用程序中工作时，它将开始通过本地prettify.js版本查找在线代码：
https://google-code-prettify.googlecode.com/svn/loader/lang-"+encodeURIComponent(D[m])+".js
https://google-code-prettify.googlecode.co
浏览 0提问于2013-09-23得票数 3
回答已采纳
我有一个有一个主题的Angular2应用程序。我将主题css和js复制到一个assets文件夹，并将它们包含在index.html中。它们现在应用于应用程序中的每个网页。我还有API在线文档，它有自己的(由脚本静态生成的) html页面，有自己的css和js。总体主题css和文档css不能很好地结合在一起，不能同时包含在index.html中。如何在不引入主站点主题css和js的情况下链接到静态文档html页面？
在收到相同的回复后，我应该提到，我确实研究了styleUrls，但它没有帮助。这意味着对于我拥有的每个具有模板的组件，我应该包含相同的styleUrls，除了documentatio
浏览 0提问于2017-01-26得票数 0
嗨，我正在制作一个Widget，它在Iframe中显示来自rails应用程序的页面。由于远程页面是在rails中开发的，在Iframe上呈现单个页面时，它会加载所有的JS和CSS文件，因此iFrame上的页面加载时间太长。
我试图在渲染页面时使用layout: false，但它没有加载任何JS和CSS文件。
有没有办法在rails视图中包含特定的JS和CSS文件？
浏览 1提问于2015-09-15得票数 0
2回答
我使用create-react-app创建了一个React应用程序，并选择不弹出。目前，我正在尝试使用@font-face导入本地字体，但没有成功。
这是我当前的文件夹结构：
/
+ public/
+ src/
-- index.js
-- App.js
-- App.css
++ assets/
+++ css/
---- general.css
+++ fonts/
---- CircularStd-Medium.woff
在App.js上，我正在导入general.css文件(import './assets/css/general.css';)。
在general.c
浏览 0提问于2018-06-18得票数 6
回答已采纳
在React应用程序中，我可以使用import或<link>将我的CSS包含在index.html文件中(例如，从CDN中)。
有什么关系？
这两种方法之间是否存在显著的性能差异？
为了清楚起见，我指的是从*js或*.jsx文件内部导入：
import React, { Component } from "react";
import "bootstrap/dist/css/bootstrap.css";
浏览 0提问于2019-05-26得票数 1
尝试在Internet Explorer中打印时遇到奇怪的问题。我只用IE8测试过。
我的带有media="screen“的样式表即使在打印时也会被应用。我的页面可以在Firefox/Chrome中正常打印。
我的head元素：
<head>
<meta charset="utf-8" />
<title>Page title</title>
<link type="text/css" rel="stylesheet" href="/styles/res
浏览 2提问于2011-04-29得票数 2
1回答
我正在尝试将我的整体反应应用程序分解为可重用的部分，这些部分可以与其他项目共享。
我想提取一些通用组件(例如Button、Header、下拉列表等)进入我自己的小UI库。我遇到的问题是如何管理CSS。现在，我的应用程序只有一个样式表来处理所有的事情。
这些是我看到的解决办法：
将每个组件的CSS样式嵌入到组件本身的JS中(CSS在JS中)。
import或require用于组件JS中的CSS文件，并使用webpack为您打包CSS文件。
我真的不喜欢这两种选择。我理解将样式与组件放在一起的吸引力，但我觉得：( a)它混淆了组件定义，( b)它与CSS的工作方式进行斗争(不再利用
浏览 0提问于2018-10-19得票数 3
回答已采纳
我通过JavaScript动态地将一些样式表加载到我的应用程序中。在这个样式表中，我有不同的CSS变量，我想从我的JS中读/写这些变量。
直接嵌入到head标记中的样式表将被正确处理。CSS变量由CSS计算，在JS中可见。
在运行时动态加载的样式表确实有一些奇怪的错误。CSS变量由CSS计算，但在JS中不可见。
有人有线索吗？
具有最小错误演示的柱塞：
方法用于动态加载CSS：
var fileref = document.createElement("link");
fileref.setAttribute("rel", "stylesheet
浏览 6提问于2017-07-21得票数 0
回答已采纳
1回答
我有一个Spring应用程序，希望为它创建一个swagger。
它工作得很好，自吹自擂没有问题。
现在，我想同时具有一般性和灵活性：
的首要任务是在HTML中从加载与swagger相关的JS和CSS文件，我还将与swagger相关的JS和CSS文件存储在源代码中，所以当应用程序加载时，希望从互联网加载这些文件，并且只有当它失败时才从源加载它们作为后盾。<code>G 211</code>
此解决方案适用于JS，因为我使用这种方式(首先从源加载JS，如果可以找到则从internet重写)：
<!-- swagger-ui-bundle.js -->
<s
浏览 2提问于2020-07-29得票数 0
我试图将reset.module.css应用到我的react项目中。
html,body,#root {
height: 100%;
}
在index.js中导入上述CSS文件
import ReactDOM from "react-dom";
import App from "./App";
import "./css/reset.module.css";
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
浏览 4提问于2022-02-24得票数 0
1回答
我正在尝试集成rails 4.2.1应用程序上的引导模板。当我在浏览器的开发者工具上检查某些元素以查看它的css文件和行号时，它应该显示css文件和行号，如下所示：
相反，它显示的内容如下所示：
我检查了这个问题，发现它生成了额外的三个样式标签，如下所示：
这是我的application.html.erb
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="
浏览 1提问于2015-07-16得票数 4
我使用JQM的Themeroller为我的应用程序开发了一个主题。现在，我只是想让它在Chrome上运行。
我的HTML文件的头部设置如下：
<head>
<title>SafeRides</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet
浏览 2提问于2013-11-26得票数 1
回答已采纳
我正在用.net框架构建一个新的angular 4应用程序，它是随webpack一起提供的。以前，当我使用angular cli时，我得到了angular-cli.json，在那里我可以提供第三方脚本和css。在本例中，我没有angular-cli.json。我的项目结构如下。
我的webpack如下图所示
当我尝试将第三方css文件添加到nonTreeShakableModules中时，它不起作用。
我的应用程序生成的index.cshtml和_layout.cshtml。
我的Index.cshtml
@{
ViewData["Title"] = &
浏览 1提问于2017-11-10得票数 0
我将引导css和js文件放在它们各自的目录app/资产/样式表应用程序/资产/javascripts中。
并修改了application.js和application.css以分别包含引导文件。
application.css：
/*
*= require_self
*= require_tree .
*= require bootstrap.min
*/
application.js：
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap.min
//= requi
浏览 0提问于2014-05-28得票数 0
回答已采纳
1回答
我知道CSS-loader只是模块化了你的CSS，所以如果你在你的foo.js中导入style.css，每当foo.js运行时，它都会有一个对style.css的引用，这样你在foo.js中创建的元素就可以拥有style.css的散列classNames。然后，样式加载器通常用于将style.css放入html的<style>标记中，以便应用样式。
我不确定提取文本插件的意义。是不是这样你就不需要Style Loader，然后你就可以把你所有的css提取到一个文件中，然后通过在html中手动输入名称来链接到它？
浏览 18提问于2018-03-04得票数 0
1回答
CSS样式未应用于视图
、、、
我正在用node.js和express创建一个应用程序。我使用pug作为我的模板引擎。样式表中的样式未应用于视图。
在我的header.pug文件中
link(rel='stylesheets/style.css', type='text/css', href='/stylesheets/style.css')
样式表位于public/ style sheet中。我还在我的app.js文件中包含了以下代码。
// serve static files from /public
app.use(express.static(__dirname +
浏览 2提问于2019-07-27得票数 0
我有一个Laravel 8应用程序运行在Jetstream上惯性Js和VueJs 3。
当我运行: npm运行驱动
我收到这个错误：
Exception
Unable to locate Mix file: /css/app.css. (View: /var/www/html/mysite/resources/views/app.blade.php)
http://subdomain.mysite.com/
改变后：
<link rel="stylesheet" href="{{ mix('css/app.css') }}">
至
&
浏览 8提问于2021-05-25得票数 0
1回答
我在网上购买了一个HTML登录页面的模板，我正在尝试将它集成到我当前在Shopify中的主题中。该登陆页面包含html，css和js，我必须集成。我读了之前的一个帖子，它解释说我必须将css和js文件上传到"Assets“文件夹，并将这些行添加到"theme.liquid”文件中：
{{ 'script.js.liquid' | asset_url | script_tag }}
{{ 'style.css.liquid' | asset_url | stylesheet_tag }}
然后，我创建了一个页面模板，并复制粘贴了html代码，但没
浏览 2提问于2017-02-02得票数 1
我的应用程序是用ExtJS 4.2.1构建的
我的应用程序结构是使用Sencha Cmd v4.0.1.45.生成的。
我在我的应用程序中使用一些定制的CSS来提供个性化的样式，所以我的XTemplate项目也使用AwesomeFont和FamFam雪碧作为图标。
这是我的app sencha cmd结构中的资源目录：
App.css是一个自定义CSS。
BoxSelect.css是其他自定义CSS。
chooser.css是其他自定义CSS。
famfamfam.css是处理famfam.png映像sprite的CSS。
font.css是AwesomeFont
浏览 3提问于2014-09-12得票数 1
回答已采纳
2回答
情况：
我在我的主页上使用jQuery菜单。此主页用于used应用程序根目录中的几个页面。现在我在子目录中有了一个页面，所有的图像、样式表和javascript文件路径都是无效的。我几乎通过使用服务器控件、tilde(~)和向ScriptManager添加脚本来解决这个问题，如下所示：
<link runat="server" href="~/styles/Master.css" rel="stylesheet" type="text/css" />
<link runat="serve
浏览 4提问于2011-03-23得票数 1
回答已采纳
我按照本教程()在rails应用程序中设置顺风。我使用的是rails 6.1.3.1和ruby 3.0.1。
我的CSS似乎没有加载，尽管我遵循了所有的步骤。当我检查(chrome dev tools)我的控制台时，显示以下错误：
未捕获错误:模块构建失败(从./node_modules/postcss-loader/src/index.js)：错误: ENOENT:没有这样的文件或目录，请打开'/app/javascript/stylesheet/tailwind.config.js‘
你知道原因是什么吗？
这是我的postscss.config.js文件：
let enviro
浏览 5提问于2021-04-21得票数 0
我正在用角5开发一个web应用程序，现在我已经在我的application.But中包含了webpack 4，所有用styles.css文件编写的样式都没有反映在webpack创建的构建中。需要解决这个问题。下面的是我的webpack.common.js文件，它用于加载不同类型的文件，在我的应用程序构建中总是成功的，但是当它被加载到以组件.scss文件编写的browser.But 代码时，styles.css代码不会在我的站点上反射，这反映了正确的，我已经搜索了很多，但是没有找到任何解决方案来解决为什么会发生这个问题。
import styles from './styles.css&
浏览 0提问于2018-06-26得票数 0
1回答
我正面临着在我的html页面中稳定样式的问题。每当我使用datepicker ()时，外观和感觉都会受到严重影响。标题上的图标，关闭对话框的图标，类型下拉的图标都会消失。
这是我的头部分，
<head>
<meta charset="UTF-8" />
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href=
浏览 4提问于2014-05-20得票数 0
回答已采纳
2回答
我的ExpressJS web应用程序只加载HTML，但是没有应用CSS规则。我将HTML文件与CSS文件链接起来，并在app.js中添加了app.js。
这是我的项目树：
app.js
/views
- index.html
/css
- style.css
我怎么才能解决这个问题？
浏览 4提问于2021-05-15得票数 0
我正在建立一个简单的反应应用程序从零开始使用Webpack。我终于能够运行开发服务器，当我试图通过CSS应用一些样式时，文件不会加载，我认为我的Webpack 4配置不正确。
以下是代码：
webpack.config.js
// const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const path = require('path');
module.exports = {
mode: 'development',
entry: ['.
浏览 1提问于2019-01-30得票数 1
回答已采纳
1回答
我用AppToolbox (聚合物cli)创建了一个新的聚合物应用程序，现在我试图添加一个从下载的主题。我按照说明:在webcomponents-lite.min.js和其他HTML导入之后，在标记中添加以下一行。
<link rel="import" href="path/to/theme.html">
若要在自定义元素中使用主题，请在标记中添加以下行：
<link rel="import" href="path/to/theme.css" type="css">
当然，我在示例组件中删除
浏览 2提问于2016-06-07得票数 0
回答已采纳
为了找到答案，我在网上浏览了大约四个小时。
我有一个功能丰富的javascript/php/html应用程序。它包括3个css文件和5个javascript文件。
我想在wordpress页面中构建它。
我已经制作了自定义页面模板: checkout.php
现在我需要用我自己的样式表和javascripts替换所有的样式表和javascripts。
我知道如何检查模板：
<?php if(is_page_template('checkout.php')) :?>
<link rel="stylesheet" type="text/cs
浏览 3提问于2014-02-13得票数 0
我写了一个Chrome扩展，其中一个功能是你可以在你所在的页面中打开一个帮助面板，其中包含一个使用指南。这个帮助面板是通过JS插入到页面中的，它的CSS全部是通过$('#selector_for_help_panel').css({etc})创建的。
这很好用，除了在Reddit上有一些media="all" CSS规则覆盖了我的JS中的内联CSS。我以为只有!important覆盖了内联CSS。
!important会在这里工作来对抗他们的CSS吗？media="all"在CSS优先级的层次结构中处于什么位置？
浏览 6提问于2014-05-20得票数 0
在HTML中使用LINK标签和在JS文件中使用IMPORT语句将CSS添加到react应用程序中有什么不同？ 示例index.html： <html>
<head>
<link rel='stylesheet' type="text/css" href='/admin/style.css'>
</head>
<body>
</body>
</html> VS 示例index.js： import './src/admin/styl
浏览 13提问于2020-06-04得票数 1
我有几个网页，我有这个： index.html <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>React App</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet
浏览 15提问于2020-04-30得票数 0
回答已采纳
我向动态生成的div元素显示json数据，我想向其中添加样式表和javascript文件。
json数据的样式和javascript功能由许多不同的.css和.js文件应用，因此我希望将这些文件添加到用于json数据的div元素中。
如果我将这些文件添加到添加了<div>元素以显示json数据的jsp页面本身，则不会对数据进行样式化。
jquery提供和实现相同的方法吗？
我试图做的是将以下内容添加到jsp/html页面：
<link rel="stylesheet" type="text/css" href="<c:url va
浏览 2提问于2012-02-23得票数 1
我能够建立的应用程序的示例应用程序。它运行得很流畅，样式也很好。
然后，我想将其移动到我的应用程序，但似乎没有应用样式。我将中的所有示例文件放到项目中的一个新文件夹中，从而创建了一个在应用程序中使用的组件：
import React from 'react'
import AgGrid from './AgGrid/myApp.jsx';
// Pages
export default class PatPorts extends React.Component {
render() {
return (
<
浏览 13提问于2016-07-19得票数 0
回答已采纳
使用manage.py运行服务器进行DJango 1.3本地开发
在我的应用程序目录中创建了一个名为static的目录
C:/Documents and Settings/Administrator/workspace/mysite/src/mysite/static/
将JQuery文件放入
C:\Documents and Settings\Administrator\workspace\mysite\src\mysite\static\css\custom-theme\jquery-ui-1.8.13.custom.css
C:\Documents and Settings\Admini
浏览 1提问于2011-05-29得票数 1
回答已采纳
1回答
我只是在PHP中练习一些东西，遇到了一个问题。
我使用PHP函数将多个页面链接到单个index.php页面(正如我所阅读的，它使一个大型站点更易于管理和易于更新)。
我已经创建了外部CSS文件(总共3个，其中一个用于导航、页面样式和包装内容)，并有一些外部JS文件，这些文件都链接到名为head.php的PHP上。(下面是head.php内容)
服务器将首先显示的主页将是“index.php”，因此对于这个页面，我将链接所有其他片段，这些片段都将适合创建单个页面。(下面是index.php内容)
我的问题是，在head和页脚php包含行之间，我创建了一个名为“wrapper”的div (样式已经
浏览 2提问于2014-08-10得票数 0
回答已采纳
我有一个6视图的项目(html)。每个视图都有一个对应的视图模型(.js)和一个仅用于该视图的样式表(.css)。
aurelia在我的文件中做了很好的递归工作，并将所有的.js和.css文件打包到几个文件中，这样就可以在减少页面加载时间和大小的同时引用它们。因此，如果我有一个带有welcome.html、welcome.js和welcome.css的欢迎文件夹，我可以用下面的<require from="./welcome.css"></require>加载welcome.html的CSS，然后在页面加载时将CSS注入<head></
浏览 2提问于2016-09-06得票数 7
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
