CSS的mod可以让页面更加方便地展示,但有时候也需要取消已经定义好的mod。下面是具体实践的方式:
/* 取消类名为mod的margin及padding */ .mod { margin: 0 !important; padding: 0 !important; } /* 取消类名为mod-inner的width及height */ .mod-inner { width: auto !important; height: auto !important; } /* 取消类名为mod-nav의display */ .mod-nav { display: none !important; }
在这里,我们用CSS的!important命令,可以强制覆盖原来已经定义的样式。通过这样的方式,我们可以更好地控制页面的展示效果。