Если вы измените имя своей таблицы стилей (CSS), вы также должны обновить ее в своем HTML, иначе таблица стилей будет указывать на старое имя и сломается. Это работает одинаково для всех других файловых ресурсов, которые вы связываете со страницей HTML, таких как другие HTML страницы, изображения, сценарии и т. Д. c.
ОБНОВЛЕНИЕ ПРИМЕРОМ:
Допустим, у меня есть три файла: index.html, contact.html и stylesheet.css. На моих страницах index.html и contact.html они могут иметь следующий код:
<!-- index.html -->
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<a href="contact.html">Contact me</a>
<!-- contact.html -->
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<a href="index.html">Home</a>
Обе страницы имеют ссылку на таблицу стилей, и каждая страница имеет ссылку на другую страницу.
Теперь я хочу изменить имя моей таблицы стилей на awesome-style.css, а мою страницу контактов на awesome-contact.html. Мне пришлось бы внести следующие изменения в мои HTML страницы:
<!-- index.html -->
<link rel="stylesheet" type="text/css" href="awesome-style.css">
<a href="awesome-contact.html">Contact me</a>
<!-- awesome-contact.html -->
<link rel="stylesheet" type="text/css" href="awesome-style.css">
<a href="index.html">Home</a>
Я изменил здесь три строки кода. Таблицу стилей необходимо изменить на всех HTML страницах, чтобы ваш стиль по-прежнему применялся ко всем страницам. На моей странице index.html я изменил ссылку с contact.html на awesome.contact.html, поэтому она по-прежнему будет ссылаться на правильную страницу HTML.
Мне никогда не приходилось менять какой-либо код в awesome-style.css, поскольку вы никогда не говорите, в каких HTML документах вы будете его использовать.