覆盖定义的CSS定义？

Question

对于CSS来说，我是一个新手，试图自我教导，我偶然发现了一个障碍。

我随机附加了一段HTML代码，附带了CSS样式参考表，我试图修改和分析那里到底发生了什么。

我试图覆盖的是这种方法：

#ds_div::before {
    display: flex;
    justify-content: center;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAABkCAMAAADud0VvAAABYlBMV…7Th8ga23yve+pTdP/XHhwSAAAAAAj6/9oTRgAAAAAAAAAWAbhzwJPM92wRAAAAAElFTkSuQmCC);}

指定的div为<div id="ds_div">。当我查看CSS样式表时，没有提到::之前的方法，因此我不知道如何继续。这是我想要改变的唯一方法。这是样式表的link。

我想知道的是，如果可能的话，我如何仅覆盖此方法？

Answer 1

CSS优先级就像所有代码一样，我猜是从上到下排序，这意味着下面的任何内容都会超出以前的规则。

您的浏览器渲染CSS的方式一旦遇到您的样式表就会被过度排除。如果它不起作用，那一定是因为在你的后面加载了一些其他的样式表。

如何纠正这种情况，以便之后加载样式表取决于您使用的平台（如果有的话）。

就像@Andrew Ice所说，你可以将!important附加到一行CSS上，并且它会过度规则其他样式。不过，这主要是一种绑定解决方案。如果可以，请尝试正确加载样式表。