创建自定义CSS来覆盖默认CSS

Question

第一次来这里，希望有人能够解决我一直在处理的问题。我有一些特定的详细信息，而不是要修改原始CSS，而是被告知创建一个包含原始CSS特定替代项的新CSS。我将如何有效地做到这一点？

任何帮助将不胜感激。谢谢！

Answer 1

css是按给定顺序应用的。这里有几个例子

情况1：为div覆盖默认颜色

div#foo {
  color: blue; /* This one is applied to <div id="foo"></div> */
}

div {
  color: red;
}

情况2：最后加载的css将位于顶部。

div {
  color: red;
}

div {
  color: blue; /* This one is applied to <div id="foo"></div> */
}

案例3：重要放在首位

div {
  color: red !important;
}

情况4：多个重要

div {
  color: red !important;
}

div {
  color: yellow !important;  /* This will be applied */
}

Answer 2

在原始css文件之后添加css文件。在html中添加您的自定义类，并使用它来覆盖原始代码。

不要使用！important属性，它会以响应方式创建问题。