如何修改和调试第三方提供的CSS

Question

我是一名全栈开发者。但是像许多全栈一样，我更喜欢后端。在我的职业生涯中，我发现开发人员往往会以某种方式外包CSS工作。基本上有两种方式 - 通过招聘代理或通过奉献一些人来处理CSS。在我看来，创建和改进一些基本的东西是典型的，但如果我们遇到一个复杂的CSS问题 - 我们只需要代理机构或我们的前端专家。

我的问题是关于使用其他人创建的CSS项目的策略。只要人们只需要找到一个应该用于某个元素的类，它就没什么大不了的。但是当一个人开始修改它时 - 泥浆的大球开始摇晃。

在后端很容易。如果你破坏了一些东西，它就不会被编译。如果你以一种更微妙的方式打破某些东西 - 它很快就会清晰可见并且很容易调试，因为它会告诉你一步一步执行的是什么。但是当我开始修改CSS时 - 天啊！ - 流行的场景是我有一些适用于普通html文档的东西，但是当我把它放在一些更大结构的元素中时它会停止工作。然后，我一点一点地冒汗尝试本地化导致它的CSS线。

你知道任何方法，任何策略都可以轻松实现吗？

Answer 1

有一种方法可以修改第三方CSS，要修改的类在css文件中写入它们，并在每个与第三方css类冲突的属性后应用！important。

例如：

在第三方CSS中有一个类：

.demo{
   width:100px;
   color:#666666;
}

现在你想改变它的宽度和字体颜色，所以你可以像这样用你的css写一下

.demo{
       width:80px!important;
       color:#ff0000!important;
    }

希望这会对您有所帮助，让我进一步了解任何问题，我可以通过提供一些解决方案来解决这个问题。感谢