模板CSS插入覆盖主要CSS

Question

我正在尝试为我的网站修改此模板 。 它为html ， body和list元素定义了覆盖我的网站CSS的规则（我不想要）。 我可以很轻松地修改几件事，但是似乎无法解决将html { font-size: 62.5% }换成pricing-wrapper或pricing-body div元素的问题； 文字大小变形。

我想我在这里做错了...我试图将类添加到ul和li元素中，例如.pricing-body ul, li但是效果不如我希望的那样。

问题：保留表格式并将其与父页面其余样式分开的最佳方法？

更新：例如，如果我注释掉第52行上的html标签，模板就会崩溃。 我尝试将font-size: 62.5%移到定价容器中的其他div，但是没有运气。

Answer 1

从中可以安全地删除CSS中的第72行。 那只是重置，然后是一些基本样式。

Answer 2

关于CSS的一件好事是，它允许您重新定义样式。 换句话说，如果您的CSS在两个地方（具有冲突的样式）重复相同ID / class /元素的样式，则最新样式将取代早期样式。

因此，例如：

#bob {width:50%;}
#bob {width:75%;}

将使元素的id="bob"样式保留为75％。

因此，移至样式表的底部并添加您自己的样式，您将覆盖模板样式。

另外，如果要在单独的样式表中定义自己的样式，请确保将样式表添加到模板样式表之后的HTML中，以使样式为最新样式/最终样式。