YII - bootstrap css覆盖自定义css规则

Question

我正在开发基于YII的Web应用程序，其后端基于bootstrap css。 现在在前端YII的引导程序覆盖了自定义css规则。

就像一个例子是

标签。以下是bootstrap生成的css规则

  p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 9px;
  }

我们没有任何余地，但由于{1}}在引导程序中影响了  整页CSS

问题是如何在使用自定义CSS时覆盖引导规则。 我厌倦了添加Action margin: 0 0 9px;

但它似乎是从Assets文件夹中挑选的。任何帮助非常感谢。

Answer 1

一个选项 - 将后端实现为具有自己的布局或主题的单独模块（您可以通过设置：Yii::app()->theme = 'themename';）将其添加到Module类的init部分。对于前端使用不同的布局或主题，不会连接引导程序样式文件。

另一个选项 - 为前端控制器（Controller类中的public $layout='frontendLayout';）使用不同的布局，也不应该连接引导程序样式表。

Answer 2

有时可以通过!important方便地提高您的样式属性的优先级。实施例

p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 9px;
}