Question

我有一个包含内容的小CSS文件：

<style type="text/css">

li {
padding: 10px;
font-family:  Arial;
}

</style>

假设在列表元素之间留一些空格并更改字体。现在，如果我将这个CSS文件包含在HTML中，如下所示：

<link rel="stylesheet" href="./css/lists.css" type="text/css" />

它不起作用：（。

但是，如果我在html“head”块中包含实际的CSS代码，它就可以工作。

我更喜欢采购CSS（因此不同的文件可以共享代码）。任何想法都错了，如何解决？

的问候， JP

Answer 1

你应该省略

<style type="text/css">

和

</style>

来自.css文件的

标记，因为如果您将这些标记包含在页面<head>中，则这些标记仅用于表示CSS样式。如果您包含它们，浏览器将尝试将它们视为CSS代码，而不是它，这会导致样式表无效。

Answer 2

您不应在css文件中使用script标记。只需li {..}即可。

此外，检查路径（./css/lists.css）可能会有所帮助。如果有错误，则不包括任何内容。