Dreamweaver CC не распознает селекторы html5

Я не уверен, задал ли я этот вопрос в нужном месте. Если нет, не могли бы вы направить меня к правильному выходу. Спасибо. Во всяком случае, к вопросу. Прошлой ночью я провел некоторое время, устанавливая новый блестящий Dreamweaver CC (версия Creative Cloud), и все, казалось, шло гладко, пока; У меня возникли проблемы с тем, чтобы заставить DW распознавать селекторы HTML5 Css.

На данный момент у меня есть базовая страница, и я использую теги и . Однако, когда я пытаюсь применить стили к этим элементам, я вообще не получаю ответа или изменений. как в представлении дизайна DW, так и в браузере (Firefox/Chrome).

В настоящее время я работаю с внешней таблицей стилей и создал большую часть документа с помощью ручного кода. Я вижу элементы (div) на панели выбора справа от моего представления дизайна, и элементы div получают свои стили. Но селекторы «заголовка», хотя и закодированные вручную в документе Css, не отображаются и не распознаются DW.

У меня есть;

• Ручное кодирование элементов.
• Тип документа проверен.
• Проверено на орфографические ошибки.

• Попытался преобразовать теги HTML 5 в <div id="header"> и Css из header {} to #header {} (даже это не вызывает никаких изменений в панели выбора или в окне браузера).

      <!--/ 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;
  }