模板CSS插入覆盖主要CSS

时间:2019-07-05 22:35:53

标签: html css stylesheet

我正在尝试为我的网站修改this template。它为htmlbody定义了规则,并列出了覆盖我的网站CSS(我不想要)的元素。我可以很轻松地修改几件事,但是似乎无法解决将html { font-size: 62.5% }交换为pricing-wrapperpricing-body div元素的问题。文本大小变形。

我认为我在这里做错了...我尝试将类添加到ul之类的li.pricing-body ul, li元素中,但是效果不如我希望。

问题:在与父页面其余样式分开的同时保留表格式的最佳方法?

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

2 个答案:

答案 0 :(得分:0)

您可以放心地删除CSS中的第72行。只是重置,然后是一些基本样式。

答案 1 :(得分:0)

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

例如,

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

将保留样式为7的id="bob"元素。

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

此外,如果您要在单独的样式表中定义自己的样式,请确保将样式表添加到模板样式表的 之后,以确保样式是最新/最终的样式。

相关问题