如何在没有类或id的情况下重写html

我试图覆盖一个CSS属性，该属性阻止我在div中居中图表

我看过很多关于这些的帖子，但是没有导入图表

我试图居中的图表来自google可视化API，但我应该能够用HTML和CSS解决这个问题

因为这个图表来自谷歌，所以我需要重写一些代码，特别是一个div，它有

position:relative

在inspector中，我可以取消选中位置：相对和图表中心

问题是，我并没有编写那个代码，当我试图像这样重写它时：

    #electricalLineChart div div{
    position: static!important 
    } 

它仍然倾向于原来的立场

以下是css：

#electricalLineChart{
width: 80%;
margin: auto;
}

以下是html：

<div style="overflow-x:auto;">
<table class="container">
    <tbody id="electrical-tables">
          <tr id="odd-cells">
          <td><div id="electricalLineChart"></div></td>
          </tr>
    </tbody>
</table>
</div>

---

我不能在HTML中使用

align=“center”

，因为它会破坏图表的功能

我认为您还有其他问题，因为在元素上设置

位置：relative

不应影响宽度和边距自动设置

但是，您可能需要增加CSS选择器的特殊性来覆盖传入的CSS。我将使用dev工具检查元素，并复制它显示的FULLCSS选择器。然后您需要向层次结构添加一个标记。通常，您可以通过向主体添加ID来实现这一点

 #electricalLineChart div div{
    position: static!important 
    } 

应该变成

 #mySite #electricalLineChart div div{
    position: static !important; 
    } 

这使您的规则比传入的CSS更具体，因此您的规则将获胜

---

还要确保在值和值之间有一个空格！以及,；最后。

因此停止尝试覆盖内容，因为它不起作用，只是尝试而已

#electricalLineChart{
display: flex;
justify-content: center;
}

现在它可以工作了。

---

有时候我只是讨厌CSS

你能创建一个活生生的例子吗？我试图在这里重新创建这个问题，但是正如你所看到的，CSS可以覆盖元素上的样式。下面发布了一个解决方案。感谢您提供的帮助。在这种情况下，不要忘记您可以将自己的答案标记为解决方案。嘿，布莱斯，谢谢您的输入。看起来我申请的时候！重要的是，这样做不起作用，我会做一个更新。啊，这就是为什么我不认为定位是个问题。加上静态和相对“外观”大致相同。如果检查，是否划掉

位置：static

？还是根本没有出现？如果它被划掉，其他css将覆盖你的css。如果它没有被划掉，那么您还有其他CSS问题需要考虑。现在我再次查看您的代码。宽度/边距代码应位于

.container

上，而不是

#电子表格上。一个
t车身
内置了使其动作有趣的样式，因此我会按照您想要的方式来定位包装器。感谢您的评论，您肯定让我尝试了一些新的东西，从而找到了解决方案