Not applying sass styles to html?

M

Maxwiwi2018-08-06 10:47:22

css

Maxwiwi, 2018-08-06 10:47:22

There is a code written in .scss file

$red:red;
div{
  background-color: $red;
}

It compiles fine to css file

div{background-color:red}
/*# sourceMappingURL=style.css.map */

In HTML, I have a .css file connected

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet"  type="text/css" href="style.сss">
  
</head>
<body>
  <div>Sass testing</div>
</body>
</html>

But the div's background does not change, tell me what am I doing wrong?
All files look like this:

UPD:ERR_FILE_NOT_FOUND says style.css not found

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

E

Egor Zhivagin, 2018-08-06
@Krasnodar_etc

Network tab in console --> F5 --> CSS file loading normally?
Have you cleared the cache?

B

Basitkhan Mansurov, 2018-08-06
@Basitkhan

Rather, the matter is in the browser, try to clear the cache and track the loading of styles in the browser, as mentioned above.
If possible, then take off the screen from the console and the network tab (after opening the tool. Resolved and refreshing the page itself)