相关疑难解决方法(0)

我已经在一个网站上工作了几个月,很多时候我一直在尝试编辑某些东西,我必须使用!important,例如:

div.myDiv { 
    width: 400px !important;
}

为了使其按预期显示.这是不好的做法吗？或者!important命令可以使用吗？这会导致任何不希望的事情进一步下线吗？

在样式表中,我有这个:

body {
  color: white !important;
}

请注意它对本页右侧的文本不起作用:

https://www.graf.ly/graph_templates/56/

您可以检查文本,并查看该样式是否已应用,但随后被覆盖.这怎么可能？

我认为!重要的是忽略CSS特异性,并作为指令始终使用该样式.我以前从未见过这种行为.

注意:

不要被图形轴的白色文本所迷惑,这是一个textsvg元素并且被着色fill: white !important.

另外,我很清楚正确使用!important.所以请不要评论或回答说"你永远不应该使用!重要".那不是问题:)

所以,这就是我正在做的事情:

#id-form td {
padding: 0 0 10px 0;
}

#particular-td {
border: 1px solid black;
text-align: center;
background-color: #DFDFDF;
height: 30px;
padding: 10px;
}

我有一张桌子#id-form,我设置了所有td的桌子padding-bottom: 10px.
但在一个特殊的场合,我希望有一个特别的td有padding: 10px在各个方向,这是我的设置#particular-td.

显然,我将CSS样式按顺序放在外部文件中.
但渲染的CSS只有padding-bottom,并且padding: 10px似乎被覆盖了!？

请解释:
这是怎么回事以及为什么会这样？
我应该如何安排这些规则来解决我的问题(除了内联样式)？

编辑:我删除'table'之前#id-form在表中.我从来没有使用过这个,我刚才提到它能够更好地解释它.