我写了一个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
我正在使用包在laravel应用程序上设置CSP头。但无法应用inline style，并在出现以下错误时拒绝。
Refused to apply inline style because it violates the following Content Security Policy
directive: "style-src 'self' 'nonce-TjpZGox5zGathTvJDeVMfxzHaOtWMc7v' 'unsafe-inline'".
进一步的细节。
我用的是拉里7号。
/spatie/larav
浏览 21提问于2022-09-16得票数 0
我正在尝试将我的html模板转换为WordPress主题。html模板有一个在“亮”和“暗”之间转换页面主题的开关(我有一个用于亮和暗模式的CSS文件，所以基本上我使用JavaScript在按钮点击时在这两个文件之间切换)。
现在我正在尝试将我的模板转换成一个WordPress主题，我面临的问题是，当我将CSS文件添加到functions.php中时，它似乎一次加载了所有CSS文件。在WordPress中有没有一种方法，我可以通过点击按钮在这些文件之间切换。
这是functions.php文件
add_theme_support( 'post-thumbnails' );
浏览 14提问于2021-05-29得票数 0
4回答
我正在尝试更改WordPress主题中div的页边距-顶部属性，但是它似乎不起作用。我将以下行添加到自定义css样式表中：
div#primary {
display: block;
margin-top:50px;
}
但是，我想要更改其属性的div不会下移。该示例可以在以下网址找到：我需要向下移动的div是包含Phylosophy文本的div。有人能给我解释一下我哪里做错了吗？谢谢
浏览 1提问于2013-04-06得票数 4
回答已采纳
1回答
所有人！
这就是问题所在。我正在做一个前端导师的挑战，我在CSS中对一个对象应用了悬停效果。
.numero-avaliacao a:hover {
background-color: hsl(217, 12%, 63%);
color: white;
}
而且效果很好。但是，在我对这些对象应用了javascript事件之后，悬停效应对所有对象都不起作用。我对JS所做的就是改变背景颜色和对象的颜色。然而，这似乎以某种方式影响了悬停效应。
function selecionarNota() {
if (this.style.backgroundColor ==
浏览 3提问于2022-11-17得票数 0
回答已采纳
3回答
我正在使用wordpress，并且在添加图像时删除了宽度和高度，因为它们是自动添加的，但是我一直在通过样式表对图像进行大小调整：
.foo img {
max-width:500px;
width:100%;
}
在做了一些阅读之后，似乎内联attr对页面加载时间的帮助，所以我想知道：
我应该用一种还是另一种，还是两者兼用？
内联攻击会覆盖css吗？
浏览 3提问于2013-06-27得票数 1
回答已采纳
2回答
我正在调试一个基于Android HTC感觉的站点。该网站使用了大量插入的内容，并附带了它自己的CSS和JS，例如：
// wrapper id = snippet_id
<html>
<head>
<style type="text/css">
#snippet_id div {border: 1px solid red !important;}
div {border: 1px solid blue !important;}
</style>
</head>
<body>
<di
浏览 2提问于2013-04-12得票数 0
2回答
我想添加一些内联CSS样式(例如填充)到我的Magento导航列表。在top.phtml中对renderCategoriesMenuHtml()的调用将我带到了Navigation.php，但似乎每次添加另一个参数时都会抛出错误。
这方面的任何帮助都将是极好的！
浏览 0提问于2012-07-08得票数 0
回答已采纳
我已经用Svelte编写了一个聊天机器人小部件，它应该可以集成到网站中。网站所有者获取已编译的JS和CSS文件。到目前一切尚好。
但是每个网站所有者都必须有可能覆盖CSS文件的样式。没有问题，例如，他可以简单地覆盖标题的背景色：
.chat-widget.svelte-kcmu8l header.svelte-kcmu8l {
background-color: #fff;
}
但是：，例如，假设我修复了一个bug并重新编译了这个小部件。让我们进一步假设，我的更改已导致散列kcmu8l更改，并且网站所有者先前所做的调整不再有效。
我怎样才能防止这种情况发生呢？是否可以省略svelte-
浏览 6提问于2020-02-26得票数 2
在我的JQuery/JS中，我正在检查并更改按钮的背景色和边框颜色，它在IE中运行良好，但在Chrome中，Chrome不会将颜色设置为灰色。只是不改变Chrome。当我在调试器中看到呈现的html时，它没有添加着色，它只是不存在！有趣的是，它在Chrome中添加了禁用的属性，所以将颜色设置为灰色的Jquery代码行被调用了！
这是我的按钮，我用灰色初始化它并被禁用。
<button id="eventRegister" type="button" class="btn btn-lg btn-yb footer-button" style=
浏览 0提问于2018-04-11得票数 0
回答已采纳
当我加载我的页面时，我用Javascript设置了容器div的边距，以避免页面在滚动条显示时“跳转”。因此，缺省值是auto -但实际值是用JS定义的
但是，当我想要打印页面时，我希望将页边距设置回自动(或某个选定的值)
我已经尝试过了：
@media print { .container { margin: 0px; }}
@page { .container { margin: 0mm 0mm 0mm 0mm; }}
并使用media=“打印”的独立样式表：
.container { margin: 0px; }
浏览 5提问于2012-12-18得票数 0
回答已采纳
我想知道为什么在使用.css()函数时，它会覆盖CSS中的伪类，比如:hover。它不应该只影响元素的正常状态，而不是:hover元素的正常状态吗？或者我做错了什么？
下面是一个例子
<!DOCTYPE html>
<html>
<head>
<style>
#test {
background : red;
width: 50px;
height: 50px;
opacity : 0.2;
}
#test:hover {
浏览 1提问于2012-08-31得票数 0
回答已采纳
每当我使用style.etc行时，Microsoft edge都会显示此错误
{"notifyType":"consoleItemLog","message":{"message":"","styles":"","hasFormatString":true,"fileUrl":"file:///C:/Users/wed/Documents/newVogel/js/Myscript.js","lineNumber":8,&
浏览 0提问于2019-07-19得票数 0
知道为什么在下面的示例中，媒体查询在被js更改后不再更改菜单栏的高度？(使窗口变小，然后单击箭头以展开迷你菜单)。我是否需要为菜单元素注册一个起始点或其他什么？
CSS：
#menu {
position: fixed;
left: 0px;
bottom: 0px;
width: 100%;
height: 90px;
z-index: 11000;
opacity: 1;
background-color: #F03600;
}
联署材料：
if ($("#arrowup").css('top&
浏览 1提问于2013-07-12得票数 4
回答已采纳
我试图找出如何在wordpress中的google可视化表中的所有文本上更改颜色，只使用HTML。
我在堆栈溢出上找到了多个答案，但没有提到只使用HTML。
提前感谢！
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.char
浏览 14提问于2021-12-05得票数 1
回答已采纳
我正在用HTML、JavaScript和CSS做一个基本的西蒙克隆，我最近写了一个名为displayShine(color)的函数，它就是这样做的:当调用时，比如说在红色上，它用一个大的box-shadow: 0px 0px 100px red来生成预期的div闪存。这就是JavaScript函数的样子：
function displayShine(color) {
var toShine = document.getElementById(color);
var hexValue;
var secondaryHexValue;
if (color == &#
浏览 3提问于2017-01-16得票数 1
回答已采纳
Newbie jquery:如果元素的属性包含在HTML中，.css()函数会改变元素的css属性吗?还是从外部样式表(如果有)中定位并随后改变元素？
例如：
$('#main').css('background-color', '#eee');
由于我的HTML中没有内联<style>标记，该函数是否在链接的外部样式表中查找#main类？
浏览 2提问于2012-06-29得票数 0
回答已采纳
2回答
我在我的自定义WordPress主题中使用了fullPage.js。我想将背景颜色更改为渐变，但我不知道如何禁用默认的背景颜色。
由于WordPress的原因，我使用循环来创建页面。
计数器从0开始，并根据使用的页面进行累加。每个页面都有一个名为section的id和计数过的数字。所以id="section0"
在我的样式表中，我添加了带有ID名称的渐变。
#section0{
background: -webkit-gradient(linear, top left, bottom left, from(#4bbfc3), to(#7baabe));
back
浏览 2提问于2018-05-07得票数 0
2回答
如JavaFX CSS参考指南所述：
CSS样式可以来自样式表或内联样式。样式表是从场景对象的样式表变量中指定的URL加载的。如果场景图包含一个控件，则加载默认的用户代理样式表。内联样式是通过Node setStyle API指定的。内联样式类似于style=“.”HTML元素的属性。从场景样式表加载的样式优先于用户代理样式表的规则。内联样式优先于源自其他地方的样式。样式规则的优先顺序可以在样式声明中使用“！重要”进行修改。
这究竟是甚麽意思，两者有甚麽分别呢？提前谢谢。
浏览 3提问于2014-12-28得票数 2
我在这里要做的是在运行XSL样式表时显示HTML页面。带有.CSS链接的超文本标记语言嵌入在我的XSL中。在这种情况下没有.XML文件。在执行.XSL样式表时，我正在尝试输出Bootstrap HTML页面。超文本标记语言似乎像我预期的那样工作，而.CSS样式表不工作。
这是.xsl
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:dp="http://www.datapower.com/extensions"
浏览 0提问于2015-09-29得票数 0
我希望能够通过JavasScript删除/更改内部样式表值。它必须通过JS，因为我不能编辑html，因为我使用的应用程序不允许我这样做，但我可以使用JS。如何更改背景的值或将其完全删除？或者，有没有其他方法来实现这一点？
<body>
<head>
<style type="text/css">
#company-header{background:#000 !important;}
</style>
</head>
<div id="company-header"></
浏览 0提问于2011-10-02得票数 0
回答已采纳
伙计们，
所以..。这是个奇怪的问题。目标是使用颜色选择器动态设置类的background-color，其中某些"div“元素可能包含该类，也可能不包含该类。
然而，下面的代码“类似”工作，但包含类的元素(背景颜色正在更改)，由于某种原因，是通过“内联样式”更改背景颜色的。(这使得整件事都不起作用)我试过了！重要的事情和其他几件事情都没有成功。有什么想法吗？
注： .secondaryB是有问题的类。
$('#colorSelector4').ColorPicker({
onChange: function (hsb, hex, rgb) {
浏览 4提问于2016-08-12得票数 0
回答已采纳
1回答
虽然我指定了“边框:1 px"，但在Firebug中的检查显示了一些额外的附加值。从哪来的？我在node.js上使用ejs。
浏览 3提问于2013-09-26得票数 0
回答已采纳
1回答
我想知道是否有可能在使用第一行css psuedo类时自定义样式？
我试图修改提供的.js文件，但没有成功。
谢谢你的帮助。
浏览 1提问于2010-11-11得票数 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
我正在尝试将我们的SASS构建从gulp + node-sass转移到使用sass加载器的webpack。
作为参考点，gulp + node-sass 3.2为我们提供了大约2.5-3秒的构建时间。
在webpack中，如果我使用style! raw !sass进行加载，我会看到10~秒的构建，并且没有源代码映射(因为原始加载程序)。如果我让sourcemaps的css加载器工作，额外的解析会使构建工作花费20-30秒。
我想知道我可以使用什么技巧来改善事情。现在我所能做的最好的事情就是通过有很多的要求(...)来拆分我们的sass编译。从javascript到SASS，然后连接到一个文件中
浏览 2提问于2015-09-18得票数 3
我有一个更新按钮，当我更新我的内容时，我想在上面引起注意。我正在做这个与动画颜色淡入淡出，并添加一些箭头字符。
当动画结束时，我想要我的CSS :hover状态回来。
这是可能的，还是我丢失了原始的CSS，我必须用jQuery的hover()重置它们吗？
小提琴：
CSS
a.btn { padding: 5px 20px; color: white; background-color: #4188FB; }
a.btn:hover { background: #FFCC00;}
HTML
<a href="#" class="btn">Updat
浏览 0提问于2010-10-27得票数 1
回答已采纳
我尝试在reveal.js中使用语法突出显示，但我不想使用zenburn (默认设置)，我想突出显示用R编写的代码。我使用highlight.js生成为R定制的css，但问题是highlight.js使用'hljs‘表示html中的代码，而reveal.js使用'pre’。例如，highlight.js css如下所示：
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #fdf6e3;
color: #657b83;
-webkit-text-size-adjus
浏览 3提问于2014-12-03得票数 2
2回答
我有这样一个样式表：
*
{
-fx-font-size: 15px;
}
.title
{
-fx-font-size: 20px;
}
我曾想过，由于*比.title更通用，那么在.title中定义的-fx-font-size将优先于它，但我错了。无论我在.title中将其更改为什么字体大小，标题标签仍在15px上呈现。当我删除*块时，标题标签将正确地反映.title中定义的大小。
我的方法有什么问题吗？我只是尝试设置一个“全局”外观和感觉，同时给特定节点灵活性，以便在该节点需要更自定义的外观时进行调整。
编辑
这个问题似乎只对与字体相关的CSS属性可见。我尝试过在我的示
浏览 4提问于2016-12-02得票数 4
回答已采纳
不知道这是不是一个愚蠢的问题，但我想创建一个更好看的笔记数据库，应该提醒用户我们公司的主页。
是否可以使用wordpress主题css代码的代码摘要？！
浏览 3提问于2014-05-20得票数 0
回答已采纳
HTML
<a data-info-id="info1" onclick="toggleLink();" href="#">Click here for more information</a>
<div id="info1" border="0">
More information here
</div>
CSS
#info1 {
display:none;
}
JS
function togg
浏览 5提问于2014-03-11得票数 0
回答已采纳
3回答
在HTML运行时，我试图找到一种修改CSS的方法，到目前为止，我发现只有下面这样的一个小脚本才有可能.
$("button").click(function(){
$("p").css("color","red");
});
正如我所关注的，这是修改way页面运行时引用到HTML的本地CSS样式表的一种有效方法(即按div按钮)。
我想要做的是从.class插件的CSS样式表中修改一个特定的jQuery，以替换标准的右键上下文菜单。
我没有在JS中找到任何方法来调用特定的样式表来修改任何.class或#id
因此，我的HTML
浏览 4提问于2014-01-31得票数 2
回答已采纳
我有一个无序列表，我正在将其用作菜单。它有一个嵌套列表，以便容纳子项：
<ul class="menu" id="sub_menu">
<li class="item452"><a href="/tfidev/about-us">About Us</a></li>
<li class="item453"><a href="/tfidev/leadership">Leadership</a><
浏览 2提问于2011-11-30得票数 1
回答已采纳
2回答
对于这个新手问题，我很抱歉，我正在循环我的数据库来获取我的分类列表
foreach($cats as $cat) {
echo "<li><a href=\"/?page=catalogue&category=".$cat['id']."\"";
echo Helper::getActive(array('category' => $cat['id']));
浏览 0提问于2015-05-06得票数 1
1回答
我正在尝试将我的整体反应应用程序分解为可重用的部分，这些部分可以与其他项目共享。
我想提取一些通用组件(例如Button、Header、下拉列表等)进入我自己的小UI库。我遇到的问题是如何管理CSS。现在，我的应用程序只有一个样式表来处理所有的事情。
这些是我看到的解决办法：
将每个组件的CSS样式嵌入到组件本身的JS中(CSS在JS中)。
import或require用于组件JS中的CSS文件，并使用webpack为您打包CSS文件。
我真的不喜欢这两种选择。我理解将样式与组件放在一起的吸引力，但我觉得：( a)它混淆了组件定义，( b)它与CSS的工作方式进行斗争(不再利用
浏览 0提问于2018-10-19得票数 3
回答已采纳
我想知道是否有一个工具可以从一组HTML、CSS和Javascript文件中生成一个HTML文件。它应该解析HTML并用文件的内容替换任何包含。
举个例子：
<!DOCTYPE html>
<html>
<head>
<title>My example</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="test.css" />
<script src=
浏览 0提问于2016-01-27得票数 2
1回答
我正在为一个大型组织创建一个wordpress主题，一个我以前从未考虑过的想法。使用JS显示客户端创建的样式还是内联css更好？我使用内联样式，但意识到在js中使用dataset循环可能同样简单。
这里有个例子..。我在编辑post页面上创建了一个metabox，允许用户在每个帖子上更改post包装器、标题文本和段落文本的颜色。
那么做好吗..。
<div class='postWrapper' style='<?php echo get_post_meta(...); ?> </div>
在博客页面或
<div class='
浏览 3提问于2016-07-15得票数 0
回答已采纳
4回答
我正在尝试更改标题中的CSS样式，但我无法弄清楚。我在互联网上搜索了相关的东西，发现最近的是：.css()、.addClass()
我使用canvas生成了一个图像，然后将其转换为base64文本。现在我需要将它插入到主CSS中，以获得如下所示的内容：
<head><style>
.icoDL{width:20px; height:20px; background-image: url("data:image/png;base64,abcdabcdabcd");}
</style></head><body>
浏览 2提问于2012-03-10得票数 0
回答已采纳
2回答
我有一个返回到顶部锚图像，当用户点击它时，它会带他回到顶部与js动画。我首先用js隐藏了图标，直到它到达某个点，然后它就会显示出来。这工作得很好。
这就是我的问题。在我的@media查询中，我不希望返回顶部图标从0px显示到480px视口。因此，在0px到480px的@media查询中，我将图标设置为显示:none。但它仍在上映。我知道是js迫使它显示出来的。
如何仅覆盖0到480px的js hide()函数？
浏览 1提问于2013-05-24得票数 1
回答已采纳
3回答
有没有办法删除CSS -属性，该属性是通过CSS样式表应用的？
示例：
test.css
.test { background: red; }
test.html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="test.css">
<div class="test">Foo</div&g
浏览 2提问于2017-05-19得票数 0
回答已采纳
是否可以使用纯js动态地修改css :nth-子属性？
.tile:nth-child(10n + 1) {
clear: both;
}
例如，使用js添加如下内容
浏览 4提问于2022-01-08得票数 1
回答已采纳
1回答
JQuery循环幻灯片重叠
、、、、
当我使用JQuery制作自定义图片幻灯片时，图片会显示在定义的区域/div之外。我希望div-tag中的当前图片滑下滑出div-tag，新图片从右侧滑入。我希望所有的操作都发生在div-tag中。就像malsup.com ()中的示例"s4“一样。我举了这个例子来说明这个问题：
Head-html的一部分：
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" s
浏览 3提问于2011-10-12得票数 0
4回答
我有一个@media查询，通过根据屏幕方向设置"display:none;“来隐藏/显示DOM元素。下面的CSS可以正常工作。
@media all and (orientation: landscape) {
#header-container {
display: none;
}
}
但是，在我的javascript中隐藏和显示相同的元素之后，似乎破坏了媒体查询。例如
//JS
this.element.find('#header-container').css(display: "none");
//And later..
浏览 4提问于2015-10-12得票数 1
回答已采纳
1回答
将<svg>元素保存到磁盘上
、、、、
在我的HTML中我有一个SVG元素。它使用d3js呈现，并在CSS中应用了样式。
当我在浏览器中右击时，我可以选择“保存图像”。此操作保存所有应用的css样式所呈现的图像。
我一直在寻找保存文件的好方法
去画布和导出画布
保存为SVG的文件保护程序
变体
但是，当我将文件放到磁盘上时，css中的额外样式不会应用到保存的映像中。
问:如何将SVG保存在应用css的浏览器中。
浏览 2提问于2016-07-20得票数 2
回答已采纳
背景：
我创建了一个简单的DOM事件示例:参见。
<div id="squirrel" onmouseover="toggleFloat(this)">
<p>Click me!</p>
</div>
<script>
function toggleFloat(ele){
var current = ele.style.cssFloat;
console.log("cssFloat: "+current);
if(curr
浏览 7提问于2016-08-30得票数 3
回答已采纳
我需要为我的较少文件使用内联js，以前有类似这样的webpack配置来启用内联js：
module.exports = {
...
module: {
...
rules: [
...
{
test: /\.less$/,
use: [
{ loader: 'style-loader' },
{ loader: 'css-loader' },
{
loader: 'less-loader
浏览 7提问于2019-10-11得票数 2
回答已采纳
1回答
因此，我有一个由div组成的简单html文件；和一个css文件，该文件具有上述div的简单样式：
html：
<html>
<head>
<title>Simple Movement</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css"/>
<script src="index.js"&g
浏览 2提问于2021-11-04得票数 0
回答已采纳
2回答
题目其实只是问题的简写版。我知道Gmail对CSS的支持有限，但我正在阅读，它为Gmail对.class和#id选择器的支持提供了一个注释：
(!)如果CSS在活动导入之前或期间内联，则在某些情况下工作。
就CSS支持而言，这到底意味着什么？在我看来，这似乎只是建议使用预处理器来获取任何样式声明，并将它们应用于匹配的元素。
在Gmail客户端中能够在HTML电子邮件中使用CSS类有什么窍门吗？
浏览 3提问于2012-09-12得票数 3
我正在编写一个CKEditor小部件。由于我试图使它易于分发，我想使我的css外部。当这种语法起作用时：
CKEDITOR.plugins.add('myplugin', {
requires: 'widget',
icons: 'myplugin',
init: function(editor) {
CKEDITOR.dialog.add('myplugin', this.path + 'dialogs/myplugin.js');
var self = t
浏览 6提问于2014-02-04得票数 0
回答已采纳
我开始学习OpenStreetMap / OpenLayers API，将地图放到我的web应用程序中。虽然我必须处理映射本身，但我发现包含映射的div不会停留在我放置的位置。到目前为止，这是我的代码：
maptest.htm
<html>
<head>
<title>OpenStreetMap Test</title>
<script language="JavaScript" src="/resources/OpenLayers-2.13.1/OpenLayers.js"><
浏览 0提问于2014-04-24得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
