CSS 元素更改无效

Question

通常，当我为网站编写自定义 CSS 时，我会使用 Inspect Element 查看某些元素的内容。通常我只是为该行添加标识符，然后输入一些自定义命令，如“border: none;”但我不断遇到除了“元素”之外似乎没有任何真实名称的元素，并且出于某种原因，我对其中一些“元素”所做的任何更改实际上都有效或得到应用。

例如:表格上有令人作呕的白色边框，由于我无法定位特定元素，所以我将其添加到我的文档顶部:

* {
    border: none !important;
}

人们认为这会起作用。而且，当然，它确实如此!除了我要更改的元素之外的所有内容。当包含整个文件的某些内容仍然无法强制更改它时，我仍然不太清楚我应该如何更改此元素。谁能给我解释一下？

编辑:

我不确定您希望我向您展示什么，因为我已在此处进行了解释。这些图像显示我的检查器已打开，您已经通过 Stylish 插件/自定义 CSS 文件实现了我的自定义代码。

和

重申一下，而不是说“元素”，它通常会给我一个有效的名称，例如“table#first”，我写了

* {
    border: none !important;
}

抵消它应用的边界，但它不会接受改变。我想这与原始边框中的 !important 有关，但我不确定该怎么做。

编辑:

我加了

table[style] {
    border: none !important;
}

我希望它能工作，但仍然出现与我添加我解释的第一 block 代码时相同的情况，它在检查器中将其划掉并且没有生效。

Answer 1

在这种情况下，内联样式覆盖了 css 文件中的样式。要解决这个问题，我建议你给那个表一个类，然后在 css 文件中设置它的样式。

顺便说一句:css 代表级联样式表，这意味着位于底部的样式将覆盖位于文件顶部的样式

所以它看起来像这样

html:

<table class="mytable">
  <!-- content -->
</table>

CSS:

.mytable {
    border: 1px solid rgb(216, 216, 216)
    margin-top 10px;
{

* {
    border: none;
}

尝试只使用 !important 作为覆盖无效样式的最后手段