html - 将 CSS 与 Bootstrap 框架结合使用

Question

如果我还使用 Bootstrap 框架，我如何才能仅在 HTML 的指定代码片段中访问我自己的 CSS 样式？

例如我定义了样式:

 ul {
            float: left;
            width: 140px;
    }

Bootstrap 还为 ul 定义了样式，我认为我的网站存在冲突，因为我正在使用两者。

Answer 1

CSS 将优先级应用于最具体的标识符，因此您可以通过更具体的方式覆盖 Bootstrap ，例如:

ul.mylist {
        float: left;
        width: 140px;
}

或

div.mystuff ul { 
        float: left;
        width: 140px;
}

在 html 中:

<ul class="mylist">

或

<div class="mystuff">
    <ul>