css - Dreamweaver CC 无法识别 html5 选择器

Question

我不确定我是否在正确的地方问了这个问题。如果不能，你能告诉我正确的导出吗？谢谢。无论如何归结为问题。昨晚我花了一些时间安装新的 Shiny 的 Dreamweaver CC(Creative Cloud 版本)，一切似乎都在顺利进行，直到；我发现自己无法让 DW 识别 HTML5 Css 选择器。

我目前有一个基本页面，我正在使用 和 标签。但是，当我尝试将样式应用于这些元素时，我根本没有得到任何响应或更改。在 DW 设计 View 和浏览器 (Firefox/Chrome) 中。

我目前正在使用外部样式表，并通过手工代码构建了大部分文档。我可以在设计 View 右侧的选择器 Pane 中看到 (div) 元素，并且 div 正在接收它们的样式。但是 'header' 选择器，虽然手动编码到 Css 文档中，但没有显示，也没有被 DW 识别。

我有；

• 对元素进行手工编码。
• 检查文档类型。
• 检查拼写错误。

• 尝试将 HTML 5 标签转换为 <div id="header"> & Css 来自 header {} to #header {} (即使这样，选择器 Pane 或浏览器窗口也不会发生任何变化。)

      <!--/ header /-->
      <header>
  
          <!--/ logo / heading /-->
          <div id="site-header">
              <section id="logo"><h1>title / logo</h1></section>
              <section id="heading"><h3>heading</h3></section>
          </div>
  
          <!--/ navigation /-->
          <div id="site-nav">  
            <ul id="nav">                      
              <li><a href="#">Home</a></li>
              <li><a href="#">About</a></li>
              <li><a href="#">Projects</a></li>
              <li><a href="#">Achievements</a></li>
              <li><a href="#">Contact</a></li>  
            </ul>              
          </div>
  
      </header><!--/ << end header /-->
  
  <!--/ (css) heading /-->
  header {
      position: relative;
      width: 100%;
      height: 150px;
      margin:0;
      padding:0;
  }
  

Answer 1

所以在盯着这里和文档中的代码看了几个小时之后，我发现我在 css 代码中使用了 html 注释。 - << 我真是个白痴。感谢大家的帮助。

<!-->在 css 中不起作用。更改了评论，<!-->至 /*--*/ .