javascript - 从外部来源覆盖 td 标签样式

Question

美好的一天...是的，我是一个菜鸟。所以我立即为我的 nOObness 道歉。我已经搜索了这个网站，很多人都喜欢它一个星期，但没有任何解决办法。我相信我的问题是独一无二的。

我有一个站点，其中包含我正在创建的大约 10 个页面，其中包含很多很多表格。大多数表格的格式都相同，因此我立即根据需要使用 CSS。

所以现在我正在尝试了解 CSS 和选择器以及如何组合它们等。

这是我的困境。我为 <td> 创建了一个标签样式标签对我所做的大约 95% 的事情都非常有用。当我想左对齐并缩进 <td> 时，我还为这些实例创建了一个“覆盖”类:

TD {                
            text-align: center;
            vertical-align: middle;
            all other rules;}

td.overide_l {
            text-align: left;
            vertical-align: middle;
            padding-left: 1em;
            all other rules;}

我的问题来自一段创建左侧导航菜单的公司控制的 javascript。显然，该代码中有 td 受我的规则影响。问题是 javascript 不是我可以更改的东西。它是保存在公司网站上的公司脚本，但需要出现在我的每个页面上。

如果我更改 <td> style to left align 脚本将向左对齐。如果我删除 <td>标记在一起，它将向左对齐。如果我制作 <td>样式中心按照我想要的方式对齐，脚本中心对齐左侧导航，我无法覆盖它。

我试过一千种东西。我试图将脚本放在一个单独的表中，其中包含类覆盖，我尝试将它放在一个围绕它的单独的 td 中，我将 class="overide_l"类放在 <span> 中。 .

最后，我尝试创建 <div>与它们相关联的 id 有效，但是我的 Class="overide_l"(以及我创建的大量其他类样式)在新的 div 中不再起作用...

div#content-section td {
            text-align: center;
            vertical-align: middle;}

最终我想做的是像在这篇文章的顶部一样保留标签样式，并简单地创建一个 <div>或者会关闭 <td> 的东西该一段代码的标记样式。这可能吗？

你能帮帮我吗？

Answer 1

你不能用你的覆盖类做你用你的 td 选择器做的同样的事情吗？

#content-section td.overide_l {
  text-align: left;
  vertical-align: middle;
  padding-left: 1em;
}

问题是特异性:

• ID 选择器 100 分

• 类选择器 10 分

• 1 用于标签选择器

如果将选择器相加，您将获得优先的选择器。

在你的情况下:

td.overide_l = 11

div#content-section td = 102

所以第二个赢了。将 td.overide_l 更改为 #content-section td.overide_l 将使其成为 111。