Visual studio code, сохраняю, но изменений нет, что делать?

Я не понимаю. Такая же проблема что и с sublime text 3.
Пишу всё как по уроку, сохраняю, но нет изменений.

<style type="text/css">
.content {
width: 300px;
background-color: green;
}

Ок, в зелёный покрасил, сохранил изменение осталось. Дальше удалил background-color: green;.

Добавил <div class="color_world">британскими учеными</div>

.color_world { color: red;}

Сохраняю и остаётся окрас в зелёный без background-color: green;
Скопировал весь код, вставил в новый документ и всё заработало. Код рабочий.
Что происходит? Что с этим делать?

Полный код:

<!DOCTYPE html>
<html lang="ru">

<head>
   <meta charset="UTF-8">
   <title>Урок HTML разметки</title>
   <meta name="description" content="Урок HTML разметки">
   <meta name="keywords" content="html,Lesson">

</head>

<body>
   <div class="content">
      <h1>Урок HTML разметки</h1>
      <p>300 тысяч фунтов стерлингов было потрачено
      <div class="color_world">британскими учеными</div> на изучение взаимодействия уток с водой. В
      результате длительного исследования им удалось выяснить, что всем остальным способам провести время в воде утки
      предпочитают дождь, который заменяет им душ.</p>
      <p>Еще одно шокирующее открытие исследователей с Туманного Альбиона наконец объяснило страдающим от избыточного
         веса, в чем заключается их проблема. В ходе научного эксперимента британским ученым удалось установить, что
         худые люди, как правило, едят меньше, чем полные.</p>
   </div>

   <style type="text/css">
      .content {
         width: 300px;
      }

      .color_world {
         color: red;
      }
   </style>

</body>

</html>

Открываю с браузере этот код, захожу в исходный, а там этот код.

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Урок HTML разметки</title>
<meta name="description" content="Урок HTML разметки">
<meta name="keywords" content="html,Lesson">
</head>
<body> 
<div class="content">
<h1>Урок HTML разметки</h1> 
<p>300 тысяч фунтов стерлингов было потрачено британскими учеными на изучение взаимодействия уток с водой. В 
результате длительного исследования им удалось выяснить, что всем остальным способам провести время в воде утки
предпочитают дождь, который заменяет им душ.</p>
<p>Еще одно шокирующее открытие исследователей с Туманного Альбиона наконец объяснило страдающим от избыточного
веса, в чем заключается их проблема. В ходе научного эксперимента британским ученым удалось установить, что 
худые люди, как правило, едят меньше, чем полные.</p>
</div>
<style type="text/css">
.content {
width: 300px;
background-color: green;
}
</style> 
</body>
</html>

html

css

2 ответов

Код в порядке. Предполагаю, что изменений нет, потому что браузер кеширует (запоминает) старые данные и их отображает. Нужно попробовать обновить через ctrl и f5 страницу в браузере - это сбросит кеширование страницы.

Еще здесь можно посмотреть пример живой:

https://fructcode.com/ru/courses/html-and-css/how-to-use-div-css-class/

Большое спасибо.