OverWrite位于某个位置的类
我正在处理一个页面的结构，其中我的代码在底部，在我的代码之上，有一堆来自其他页面的其他代码，我没有访问权限。
假设名为Name1的类名为background- color : green，我需要覆盖它并将其更改为红色。
看起来我的覆盖不起作用了。如何让它工作？请帮我一把。谢谢!
添加注意:我确实使用了开发人员工具来检查它。当我检查Name1时，我没有看到我想要覆盖的样式。看起来我的样式颜色{.Name1-.Name1: red !important;}是本地的，是全局的。我想知道JQuery是否会帮助解决这个问题？
下面是页面的结构
<html>
<body>
<table>
<tr>
<td>
<div class="Name1"></div>
</td>
................
..................
<td>
<html> <!--This is my session -->
<head>
<style>
.Name1{background-color: red !important;}
</style>
</head>
<body>
<div>
................
</div>
</body>
</html>
</td>
</table>
</body>回答 3
Stack Overflow用户
发布于 2015-02-18 05:36:59
大多数元素都可以有style=属性。例如，<a href="#myheader" style="text-decoration:none"></a>将删除链接的下划线。
这称为内联样式。
Stack Overflow用户
发布于 2015-02-18 05:45:30
一般的经验法则是，不要使用内联样式，它们很难看，而且标记不好。
在你的例子中，很可能在你设置了覆盖样式之后，另一个样式被应用到了.Name1，你可以通过使用开发人员工具检查你的页面的源代码，分析<head>并检查样式表的顺序，你也可以检查CSS窗格，看看为那个元素设置了哪些规则。
为了解决您的问题(如果您由于某种原因无法定义自己的样式表)，您必须在<head>标记之后直接在元素上使用内联样式：
<div class="Name1" style="background-color: blue !important">正如我上面所说的，这通常是不好的做法，但它将覆盖以前的样式，因为样式是在应用第一个样式之后声明的，这是因为当DOM呈现其绘制的自上而下时：
============
Request Page
============
Begin Loading Page
============
Load <head> Information
Traverse through <body> information and append it to the DOM
============
End Loading PageStack Overflow用户
发布于 2015-02-18 06:14:26
您可能会遇到CSS专用性的问题。如果在其他地方使用了更具体的定义，它将使用该定义而不是您的定义。
More about CSS Specificity.
你能提供一个活生生的例子或真实的链接来显示哪些类和CSS源代码在起作用吗？
你也可以使用像Chrome中的web检查器这样的工具来查看正在使用的规则(在样式选项卡中，左列)。这是你在上面帖子中的文本的网页检查器：
注意.post-text中的font-size规则是如何被划掉的。这将被顶部倒数第二个选择器中的font-size规则覆盖。这是因为这个选择器被认为比从它的父级继承的选择器“更具体”(因为它直接选择元素)。通过这种方式，您可以看到每个规则的来源，以及为什么在相同的规则和元素中选择它而不是其他声明。
https://stackoverflow.com/questions/28571501
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号