填充和颜色不适用于body类



我一直在尝试对我的身体元素应用填充和颜色,但它没有应用。

我一直在做这个,但它不起作用。不过,我正在使用实时服务器进行工作,我将应用下面的代码进行审查。CSS 和 HTML 都一样。还应该注意的是,我正在使用 SASS。谢谢

body {
font-family: 'lato', sans-serif;
font-weight: 400;
//font-size: 16px;
line-height: 1.7;
color: $color-grey-dark;
padding: 3rem; 
}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" rel="stylesheet">

<link rel="stylesheet" href="css/icon-font.css"> 
<link rel="stylesheet" href="css/style.css"> 
<title>A7A ASSOCIATES LTD</title>
</head> 
<body>
<header class="header">
<div class="header__logo-box">
<img src="img/A7A  Logo.png" alt="logo" class="header__logo">
</div>
<nav></nav>
</header>
</body>
</html>

为什么要把这些CSS规则放在HTML结束标签之后?

无论如何,这里有一些解决方案:

  • 将CSS样式放在css/style.css文件中,它就可以工作了。
  • 确保 CSS 文件的路径正确。
  • 清除浏览器缓存,然后重试(CTRL+F5 表示 Firefox,Shift+F5 表示 chrome(

最新更新