这也许是个相当愚蠢的问题，但我想知道.有没有办法使div 的内容对链接到的CSS完全免疫？
我有这样的事情：
CSS
...
p{ background-color: pink; }
...
<html>
<head>
...
<link href="css/styles.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<p>Some text</p&g
浏览 5提问于2014-04-30得票数 6
回答已采纳
我已经编辑了common.css文件以更改标题的大小。更确切地说，我的代码是
#bodyContent h2{font-size:100px; color: blue;}
#bodyContent h3{font-size:100px; color: blue;}
#bodyContent h4{font-size:100px; color: blue;}
#bodyContent h5{font-size:100px; color: blue;}
它不起作用。似乎在css之后加载了另一个common.css文件。我认为这是与皮肤相关的css文件。
如何在css common.css**?**
浏览 1提问于2015-06-06得票数 0
2回答
我有一个.cshtml文件，其中包含搜索/上传/下载/保存按钮，使用materialize.min.css对这些按钮进行样式化，并在同一页中使用ag-grid来显示网格中上传的文件数据。因此，该页面同时引用materialize.min.css和ag-grids，，javascript，，社区编辑文件，即ag-grid-community.min.js。
我想选择每一行ag-网格，然后将其发送到后端进行处理。因此，我启用了ag-grids列属性checkboxselection。但不幸的是，ag网格中的checkbox无法工作(即不能选中复选框)，因为CSS of materialize.mi
浏览 1提问于2020-10-19得票数 1
2回答
嗨，我提供了一个项目，其中包括许多CSS文件。具有以下结构
<link href="./Premium Nutritional Supplements_files/jquery.owl.carousel.css" rel="stylesheet" type="text/css" media="all">
<link href="./Premium Nutritional Supplements_files/jquery.fancybox.css" rel="stylesheet"
浏览 4提问于2015-08-12得票数 1
回答已采纳
1回答
我正在使用angular6。我在src文件夹中包含了一个bootstrap.css文件。然后在我的angular.json中包含所有我想要的css文件 这些样式包括: openlayers、bootstrap、angular的默认styles.css、地理编码器模块和font- and。这可以很好地工作。 我将一般DOM元素(header，headers等)的样式放在styles.css中，这样它们在任何地方都可用。这可以很好地工作。 然后我想在component.css文件中加入更多特定于组件的样式。但这是行不通的。如果我把，举个例子 .accordion .card:first-of-t
浏览 13提问于2019-01-08得票数 0
3回答
我在css中设置了悬停不透明度，
.button-simple:hover {
opacity:.70;
filter:alpha(opacity=70);
filter: "alpha(opacity=70)";
}
但是在我的代码中有这一行之后，悬停不透明就不会显示了，
$('input[type=submit]').attr('disabled', false).css({opacity:1,cursor:"pointer"});
知道我能做些什么来添加悬停css吗？
编辑：
我不能在css中使用!i
浏览 1提问于2013-10-21得票数 0
回答已采纳
我正在制作一个网页使用引导和我自己的css样式。当我尝试更改一些样式时，bootstrap似乎覆盖了其中的一些样式，例如从导航栏中删除线条或使导航栏全宽。我目前正在使用来自：的解决方案来使导航变成全宽度。
这是我的html：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name
浏览 0提问于2021-08-04得票数 0
有没有办法将HTML元素从CSS中分离出来？我试图让一个和它所有的子类在文档中变得“不可见”。
用户可以通知在文档上调用的css，但我需要确保这不会丢失，我的意思是，不显示:无，可见性:隐藏，文本缩进：-10000px，左：-10000px，或任何其他技巧。
<div class="foo">
<a href="#foo">link</a>
<img src="" />
<span>bar</span>
</div>
我可以使用data: text /htm
浏览 0提问于2012-04-12得票数 1
回答已采纳
5回答
$('body').css('background-color', 'blue');对我不起作用。
似乎还有其他匹配的CSS规则在页面上流行。
有没有办法强制这个CSS正常工作？当我尝试背景图像时，这也不起作用。
在Google Chrome的CSS浏览器中，body有三种不同的匹配CSS规则。
我不明白这是如何工作的，为什么上面的JQuery不能工作。
请给我灌输知识！
编辑
答案对于覆盖CSS来说是完美的！谢谢
注意:清空缓存，从头开始浏览数据，这很有帮助;)
浏览 7提问于2012-02-16得票数 7
回答已采纳
我正在开发一个可嵌入的小部件，它需要声明其所有CSS属性，以防止嵌入页面的CSS溢出。这意味着，如果我想使用一些预先存在的CSS框架(比如Bootstrap)，或者使用CSS样式表的jQuery插件，我必须手动复制粘贴到我的资产文件夹中的CSS，并将!important声明添加到每个属性中。这似乎是一个难以维护和容易出错的过程。
按照标题，是否有一种方法可以扩展SASS预处理程序以将!important 添加到导入的文件或部分文件的任何声明属性中？
浏览 0提问于2012-05-22得票数 3
我在运行一个电子邮件罚单系统。这确实列出了各种html电子邮件，每个都在它的DIV中。因此，DIV确实包含具有自己的css样式的html代码。我的问题是，这些css样式确实覆盖了整个网站的外观。有没有一种解决方案，可以隔离这些电子邮件/ DIV中的css样式，以便不影响网站的其余部分？ <html>
<head>
<link rel="stylesheet" href="https://www.myserver.com/assets/css/custom.css">
.......
</head>
<bod
浏览 49提问于2019-05-19得票数 0
我有一个在Chrome、火狐和IE10上都能完美工作的megamenu。然而，在IE9和更低版本中，菜单栏的背景颜色属性有一个问题-它不是深灰色，而是显示为白色。我使用一个自定义的css文件来修改T3v3框架的css文件和引导css文件，这个文件的网址是www.minsteadtt.org -它使用的是T3v3框架。有问题的属性的css如下：
.t3-mainnav {
background-image: none;
background-color: #676767;
border: none;
font-size: .9em;
}
有人能解释一下为什么深灰色属性在IE8和
浏览 0提问于2013-10-02得票数 4
回答已采纳
在我的userChrome.css中：
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
tooltip {
padding: 0px !important;
padding-left: 0px !important;
background-color: #000000 !important;
border-width: 0px !important;
border-left-
浏览 5提问于2014-04-12得票数 1
我想去掉边框和渐变之间的填充：
在这个文件中，我加载了一个自己的css类：
<h:head>
<h:outputStylesheet library="css" name="default.css" />
<title>Our Application</title>
</h:head>
在default.css中，我设置了这些参数：
.rf-p {
padding:0;
}
/*header*/
.rf-p-hdr {
padding:0;
}
/*body
浏览 2提问于2012-02-07得票数 0
回答已采纳
3回答
在我的HTML文档中，我首先列出了引导CSS，然后是我的CSS文件。然而，我的一些规则被忽略了，在开发工具中，我可以看到Bootstrap的CSS正在通过我的CSS大幅削减，将它们的规则放在DevTools窗口的顶部。我的HTML的头看起来像这样..。
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=
浏览 6提问于2017-09-27得票数 1
回答已采纳
我确信我错过了一些简单的东西，但在寻找了一段时间之后，没有找到任何答案，下面是我的问题：
我正在为Joomla开发一个组件！就功能而言，组件本身工作得很好。然而，我注意到的是，一些造型不起作用。
我有一个包含在div中的表，每个表都有自己的类来设计样式。
样式设计很好，直到我测试了几个不同的模板，以了解它们对我的造型的影响。
由于来自不同模板的模板样式，我的表比窗口更宽(模板中有width:540px!important; )
我试图重写这一点，目的是在组件的输出中--文档正文中--添加width:100%!important;到<style></style&
浏览 8提问于2014-09-16得票数 0
4回答
我想在CSS中创建一个nostyle类。这样，在我的样式表中编写的任何css都可以与这个类重叠，在这个类中，我不需要任何样式。我使用了下面的代码，它不起作用。
<style type="text/css">
.nostyle {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background
浏览 4提问于2013-11-04得票数 6
回答已采纳
2回答
引导覆盖我的样式
、、、、
我正在使用引导程序创建一个web模板，所以我在页面的首页中包含了一些其他css文件，我自己的css文件是我链接的最后一个文件。在我的css文件中，我重新设置了如下元素：
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
但是这段代码并不影响页面中的元素，它们中的大多数都有边距和填充。当我使用DevTools检查它们时，我发现这是由引导引起的！有什么解决办法吗？或者解释一下这里发生了什么？注意：我使用Bootstra4.1.1
浏览 0提问于2018-06-23得票数 0
.nav-link {
font-family: "Montserrat";
font-weight: 300;
font-size: 1.2rem;
color: #ededed;
}
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet"/>
<li class="nav-item">
<a class="nav-li
浏览 4提问于2020-03-13得票数 0
我希望通过css来改变默认字体大小，我不能添加任何有用的css类到div中，而且我似乎不能在不针对所有div的情况下将其作为目标！
这是从g-chrome到代码的完整css路径，从自动生成的div一直到代码。
div#"individual-ID-for-each-code-example-here".syntaxhighliter div.lines div.line.alt1 table tbody tr td.content code.string
我已经尝试了.syntaxhighliter和所有其他的，包括pre，但没有成功，是不是我遗漏了一些简单的东西？
下面是h
浏览 3提问于2012-09-19得票数 2
回答已采纳
使用WordPress中的维拉吉奥主题，我发现列表有一个最大宽度属性，这会导致图像不适合标题。我已经检查了所有的CSS表，但找不到此命令来删除它。使用inspect元素，我可以简单地删除这个CSS样式，它就解决了这个问题。
我可以在自定义CSS中添加什么来停止显示列表中页眉背景图像的最大宽度样式？
我已经在自定义CSS中尝试了各种“显示无”，但都不起作用。
我希望删除列表标题中影响背景图像的max-width属性。
浏览 20提问于2019-07-31得票数 0
回答已采纳
实际上，我有一个css文件，里面有一些类，id和html选择器(index.css)以及kendo.mobile.all.min.css。
我试着把它放在前面和后面，但都没有用。
我的类不能工作，例如：
<div data-role="view" data-title="main-menu" id="main-menu" data-persist="true" class="body" data-transition="overlay:up" >
<h1>Text tex
浏览 0提问于2015-05-19得票数 0
1回答
我正在使用jquery.printElement.js打印我创建的日程表。它在一个div中，它的工作方式与预期基本一致。不过，我的CSS遇到了很大的麻烦。正如在我的中所描述的那样，即使我传递的是.css文件，我的单元格也会扩展以适应内容。
我还尝试在我能想到的任何地方添加table-layout: fixed;、white-space: nowrap;和overflow:hidden;。即使作为printBodyOptions中的一个附加参数：
function printCalendar(){
$('#printable').printElement({
浏览 0提问于2014-03-26得票数 0
我正在尝试使用jQuery在css属性中添加!important
$("tabs").css('height','650px;!important');
但是!important没有任何效果。如何在jquery中包含！重要？
浏览 1提问于2010-01-01得票数 74
回答已采纳
我的Wordpress主题(Enfold)正在自动生成CSS文件。生成的规则之一是：
.responsive .container {
max-width: 100%;
}
如果我从自动生成的CSS中删除这一行，它会达到我想要的结果，但每次在Wordpress管理区域中进行样式更改时，它都会恢复为原始样式。
覆盖它的正常方法是'custom.css‘文件中的规则。我尝试在custom.css文件中添加以下代码，但它没有任何作用：
.responsive .container {
max-width: none;
}
在Chrome的开发人员工具面板中，如
浏览 13提问于2017-03-04得票数 2
2回答
您好，我正在尝试注入自定义css到一个页面，我的清单文件如下
{
"name": "SaneHaveeru",
"version": "1.0",
"description": "This is to properly display haveeru .",
"browser_action": {
"default_icon": "icon.png"
},
"content_scripts": [
浏览 2提问于2012-02-03得票数 0
回答已采纳
在较老的雷鸟中，我使用了"QuoteColors“这个词，它的颜色很好地引用了电子邮件中的文字。对于Thunderbird 68，这个插件并不是一个人兼容的，所以我试图在css上实现同样的目标：
这是我的userContent.css
blockquote[type=cite] {
border-color: #ff3f55 ! important;
color: #ff463a ! important;
background: #454545; ! important;
}
blockquote[type=cite] blockquote {
border-col
浏览 0提问于2020-01-18得票数 3
回答已采纳
1回答
Bootstrap.min.css覆盖了我在外部CSS文件中编写的所有内容。内联似乎是唯一可以覆盖Bootstrap的东西。有人知道如何使用下面的CSS脚本和内联脚本吗？
@media (min-width:768px){.container{width:80%}}
@media (min-width:992px){.container{width:80%}}
@media (min-width:1200px){.container{width:80%}}
浏览 0提问于2019-12-20得票数 0
2回答
我有以下HTML (从素数面获取)
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link type="text/css" rel="stylesheet" href="/selene/javax.faces.resource/theme.css.xhtml?ln=primefaces-aristo" />
<link type="text/css" r
浏览 2提问于2014-10-08得票数 0
回答已采纳
如何使用外部样式表文件覆盖内联CSS规则？
这是我的HTML代码：
<div class="mydiv" style="background:#000"> lorem ipsom</div>
我想用CSS改变背景色。这是我的CSS代码：
.mydiv {background:#f00; color: #000;}
但这不起作用，但我--这是可能的。
是否有办法改变Internet Explorer中的背景色？
浏览 4提问于2013-08-10得票数 3
回答已采纳
我想知道在HTML页面中加载CSS文件的顺序。
我的实际需求是这样的:我的应用程序中有超过10个CSS文件。
我正在导入一些3到4个CSS文件在每个HTML页面。问题是我在一些CSS文件中定义了重复的类。这意味着我覆盖了CSS文件中的一些CSS类。在某些页面中，它的行为是正确的。在某些页面中，它的行为是错误的。我还为HTML页面中的一些DIVs定义了内联样式。我也为那个DIVs保留了CSS类。
谁能知道哪一个会有更高的优先级，或者哪一个先加载？
浏览 0提问于2010-06-18得票数 25
回答已采纳
4回答
所以我有这个导航栏：
<nav class="navbar navbar-default" style="background: black; margin-bottom: 0;">
它工作得很好。但是，当我尝试在外部CSS文件中而不是内联中更改样式时：
.navbar-default {
background: black;
margin-bottom: 0;
}
它们根本不起作用。CSS文件工作正常，因为我检查和bg图片正在改变。我只有导航栏有问题，不能解决它。根据这个：，我做的一切都很好。这是我第一次遇到这个问题。如果有人想知道如何使用boo
浏览 0提问于2016-09-14得票数 1
当我将css直接放入<style></style>标签中时，它胜过使用以下命令加载的文件中的任何css：
<link href="foo1.css"rel="stylesheet" type="text/css" />
但是我不想在html中有任何内联样式。因此，我将css移到名为foo2.css的文件中，并拥有：
<link href="foo1.css"rel="stylesheet" type="text/css" />
<link h
浏览 0提问于2013-04-02得票数 1
2回答
我正在尝试将我肚脐的文字颜色改为白色。但是，我只能更改右边文本的颜色(注销)。无法更改左侧文本的颜色。
header.php
<link type="text/css" rel="stylesheet" href="styles//bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="styles/mediaqueries.css" media="all">
浏览 0提问于2018-04-20得票数 2
回答已采纳
我知道CSS3 animation属性是通过设置为none !important来删除的，所以我尝试了(并且确实在CSS代码中)。但是，通过使用jQuery.css()方法将动画属性更改为上述属性，它无法工作。
我试过了
$('#site-title, #site-description').css(
{
'animation':'none !important',
'-webkit-animation':'none !important',
'-mo
浏览 2提问于2015-05-12得票数 0
回答已采纳
1回答
将var添加到css类中
、、、
我现在正在写一个在循环中制作动画的组件，动画时间是传递给组件的道具。 我的问题是:动画是用CSS制作的： animate:{
-webkit-transition: 10.0s !important;
-moz-transition: 10.0s !important;
-o-transition: 10.0s !important;
transition: 10.0s !important;
} 我想在这个类声明中传递持续时间，但这似乎是不可能的，我正在使用这些CSS技巧来重新启动动画：https://css-tricks.com/restart-css-anima
浏览 16提问于2020-07-15得票数 0
回答已采纳
我需要打印一个html表单(在一个Angular7应用程序)与最小的边距。到目前为止，我能做到这一点的唯一方法是使用Chrome，并通过打印预览框手动调整边距。 我已经尝试在组件css文件和主全局样式表中添加@media print样式和@page样式。我甚至尝试将html和body标签的背景颜色更改为绿色，以查看是否发生了什么事情。我已经将Chrome中的渲染更改为打印样式，这样我就可以看到CSS的影响，但仍然看不到任何影响 在component.css和styles.css中都尝试过 @page {
size: auto;
margin: 0;
}
html, body
浏览 34提问于2019-04-24得票数 0
1回答
我需要一些关于CSS的帮助，因为我的CSS非常生锈。所以我正在做一个项目，这个项目有几个全局CSS文件，它们都有为各种标签(ex-> .btn)定义的属性。我在我的项目中使用了一个名为Form.io的外部库，但是那些全局CSS文件弄乱了库Form.io中的CSS文件，因为一些类已经在全局CSS文件中定义了。有没有办法覆盖这些特定的类，使Form.io库使用自己的CSS定义的属性，而不是全局CSS属性？ 我尝试在全局CSS文件中对某些类使用:not()，我认为这些类会影响Form.io库，但这样做会影响其他页面及其样式，所以这不是我想要的。任何帮助或建议都是很棒的。
浏览 34提问于2021-08-19得票数 1
回答已采纳
1回答
我目前正在使用无法修改的CSS文件的页面上工作，所以我通常添加自己的CSS来覆盖某些设置。我被困在想要修改CSS标记的地方，但只影响表中的TD，而不是其他任何地方。
这是我无法修改的CSS文件中的标记：
.medtext { font-size: 10pt; }
.medtext { color: #000000; }
我想要做的是，如果在TD中使用这个标记来改变背景的颜色：
table.medtext td {background-color:#ffc477!important}
这是HTML：
<span class='medtext'>Some Text t
浏览 1提问于2015-04-18得票数 0
回答已采纳
1回答
在我的布局页面中，在<head>中，我有以下样式：
<link rel="stylesheet" href="/dist/vendor.css">
<style>
.bg-dark {
background-color: #240000;
}
</style>
我已经添加了链接到我的布局页面。style块是由角webpack动态添加的。根据我对CSS的了解，最后一个.bg-dark类应该会赢得在`vendor.css中声明的任何.bg-dark类。然而，我看到以下几点：
浏览 0提问于2017-11-18得票数 1
回答已采纳
2回答
我正在做一个新版本的项目，我在打印CSS样式上遇到了一些问题。 下面是老项目： https://www.traffwebdemo.co.uk/parking/main.html 打印步骤： 点击扳手按钮->打印机按钮->选择模板，一个模式将打开，然后你可以在两个方向上打印，它是通过iframe和2个css的混合完成的，一个在主项目中，一个在iframe本身中。 css打印隐藏所有内容，打印时只显示模式内容，所以如果您尝试直接在主页上打印，您将只有一个白色页面。 由于地图的限制，我不再使用iframe了，我仍然在调用html模板，但然后我在模式中克隆了它的主体，并再次摆脱了ifra
浏览 35提问于2019-02-22得票数 0
回答已采纳
我使用jquery accordion，如下所示：
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<scri
浏览 0提问于2012-09-05得票数 2
回答已采纳
4回答
我想首先从特定的样式表加载css代码，如下所示：
ul, ol {
margin: 0 0 10px 25px;
padding: 0;
}
上面的代码位于两个文件中：core.css和bootstrap.css
core.css在head标签中首先加载。
但是浏览器总是先使用bootstrap.css中的代码。
我尝试将bootstrap.css重命名为z-bootstrap.css。但不幸的是，当我在core.css中将ul, ol编辑为body ul, body ol时，浏览器仍然会应用z-bootstrap.css中的样式
但是我不想这样做，如何在不添加任何类或属性的情
浏览 1提问于2013-04-19得票数 1
回答已采纳
3回答
CSS类覆盖其他
、、
我有HTML表，其中应用了以下CSS：
.tbst th,
td {
padding: 12px 3px !important;
text-align: center !important;
vertical-align: middle !important;
border: 1px solid #ccc !important;
font-size: 12px;
overflow: hidden !important;
line-height: 24px !important;
}
和
.cmstb th,
td {
paddin
浏览 1提问于2015-03-12得票数 3
回答已采纳
1回答
我想使用css文件来应用主题。我正在使用我的脸，它有一个名为Scheduler的自定义组件。调度器组件使用自己的css文件，该文件位于jarfile(tomahawk12 12-1.1.10.jar)中，名为schedule.css，有三个主题(默认、展望和evelutionary)，但我想使用自己的css文件在我的项目中应用主题。我如何覆盖那个css文件？
浏览 3提问于2011-09-06得票数 3
我有以下html：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="main.css" rel=&#
浏览 4提问于2011-10-16得票数 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
我在init调用tinymce中使用了以下代码来指向我的主css文件：
<script>
tinymce.init({
selector: 'textarea',
content_css:'default.css'
});
这很好，在CSS中，我用它来改变我的编辑器主体的背景颜色：
.mce-content-body {
background: #474F52;
}
现在，我想添加适当的CSS重写工具栏颜色-按钮颜色和文本颜色如下：
浏览 6提问于2014-07-08得票数 1
回答已采纳
3回答
我正在尝试使用来自的一些CSS类，并在我的React项目中使用一个重要的UI组件。我需要覆盖来自引导程序的CSS，所以我想使用！重要修饰符，我以前只在.css文件中使用过，我不知道如何在coming中这样做。我的样式对象要传递到Material withStyles函数中，如下所示，我如何添加！对fontSize属性很重要？我尝试过30 !important和其他一些东西，但是似乎没有什么效果。
谢谢
const styles = {
labelRoot: {
fontSize: 30
}
}
浏览 0提问于2019-02-05得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
