html - 想要在没有 css 文件中定义的情况下使用 和 css

Question

我正在使用 bootstreap v3.2在这里，我试图使用 <pre></pre> 将数据库的获取结果显示到页面我的问题是它在 bootstreap 中显示内容定义 <pre></pre> .仅针对此标签，我不想包含 <pre> 的 css标签。如何实现这一目标。

检查 pre css 正在显示

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

JSFiddle

Answer 1

在您的 bootstrap.min.js 中查找:

pre {
     display: block;
     padding: 9.5px;
     margin: 0 0 10px;
     font-size: 13px;
     line-height: 1.42857143;
     color: #333;
     word-break: break-all;
     word-wrap: break-word;
     background-color: #f5f5f5;
     border: 1px solid #ccc;
     border-radius: 4px;
}

并将其更改为

pre.bootstrap { /* or some other class name */
     display: block;
     padding: 9.5px;
     margin: 0 0 10px;
     font-size: 13px;
     line-height: 1.42857143;
     color: #333;
     word-break: break-all;
     word-wrap: break-word;
     background-color: #f5f5f5;
     border: 1px solid #ccc;
     border-radius: 4px;
}

然后是你的 pre将具有默认样式。但是如果你想使用 bootstraps样式，然后将该类放入 <pre class="bootstrap"></pre> 之类的元素中

JSFiddle