CSS - 不考虑更改

Question

我正在使用 Bootstrap 来显示一个列表，我正在尝试自定义它的list-item-component 。

我的 CSS 文件中有以下代码：

.list-group-item {
    border:0 !important;
    padding-top:2px;
    padding-bottom:2px;
}

我像这样引用 CSS 文件：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link href="list.css" rel="stylesheet" type="text/css">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Restriction Lists</title>
</head>
<body>

<div id="tree"></div>

<script src="ListApplication.js"></script>


</body>

</html>

Bootstrap 代码在以下文件中（我使用的是 React）。

  <script src="ListApplication.js"></script>

另一个奇怪的事情是 Chrome Developer Tools 没有正确显示 CSS 文件。

Answer 1

先用<meta>试试：

<meta http-equiv="content-type" content="text/html" charset="utf-8">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link href="list.css" rel="stylesheet" type="text/css">

并确保在您的ListApplication.js成功编码 jquery 和 bootstrap

它应该工作。

Answer 2

问题是我是从 Webstorm 中打开 HTML 文件的。 当我更改 CSS 文件时，刷新时更改未加载到浏览器中。

CSS - 不考虑更改

问题描述

2 个解决方案

解决方案1
0 2015-10-05 16:54:25

解决方案2
0 2015-10-06 10:28:40

CSS - 不考虑更改

问题描述

2 个解决方案

解决方案1 0 2015-10-05 16:54:25

解决方案2 0 2015-10-06 10:28:40

解决方案1
0 2015-10-05 16:54:25

解决方案2
0 2015-10-06 10:28:40