Question

基本上，我使用CodeKit将我的.scss文件转换为css，现在在application.scss文件中创建了一些CSS样式。我将.scss文件链接到我的HTML，其中只有一些正在运行。除边框填充外，一切都在渲染。边界在那里，颜色就在那里。不是填充物。有什么建议？

{对不起，如果我的问题格式不符合标准 - 这是我第一次来这里}

$dark: #424652;
$light: #9a9da4;
$highlight: #8bc6db;
$border: #e9e9e9;

#main_navigation {
  padding: 2.5em 5%;
  .name {
    font-weight: 700;
    font-size: .7em;
    text-transform: uppercase;
    border: 2px solid $border;
    padding: 0.75em 1rem;
    text-decoration: none;
    color: $dark;
    float: left;
  }
}

<!DOCTYPE html>
<html>
  <head>
    <title>Guru</title>
    <link rel="stylesheet" href="css/application.css">
  </head>
  <body>
    <header id="main_navigation" class="clearfix">
      <a href="#" class="name">Guru</a>
      <nav>
        <a href="#">Articles</a>
        <a href="#">Projects</a>
        <a href="#">Contact</a>
      </nav>
    </header>
    <header>
    
    </header>
  </body>
</html>

CSS的某些部分无法正确呈现HTML

0 个答案: