CSS href против встроенной разницы в таблицах стилей - PullRequest
Новая
       2

CSS href против встроенной разницы в таблицах стилей

0 голосов
/ 10 октября 2010

У меня есть небольшой CSS-файл с содержимым: 

<style type="text/css">

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

</style>

Предполагается оставить некоторое пространство между элементами списка и изменить шрифт.Теперь, если я включу этот файл CSS в HTML, как показано ниже: 

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

, он не будет работать: (.

Однако, если я включу фактический код CSS в заголовок HTML "Блок, это работает.

Я действительно предпочитаю использовать CSS (чтобы разные файлы могли делиться кодом). Любая идея, что не так и как исправить?

С уважением, JP

Ответы [ 2 ]

1 голос
/ 10 октября 2010

Вы должны опустить теги 

<style type="text/css">

и 

</style>

из ваших файлов .css, так как это теги, используемые только в HTML для обозначения стилей CSS, если вывключите их в свою страницу <head>.Если вы включите их, браузер попытается обработать их как код CSS, а это не так, и из-за этого ваша таблица стилей не будет работать.

0 голосов
/ 10 октября 2010

Вы не должны использовать тег script в ваших CSS-файлах.Достаточно просто li {..}.

Также может помочь проверка пути (./css/lists.css).Если есть ошибка, ничего не будет включено.

...