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="/bg#">Home</a></li>
              <li><a href="/bg#">About</a></li>
              <li><a href="/bg#">Projects</a></li>
              <li><a href="/bg#">Achievements</a></li>
              <li><a href="/bg#">Contact</a></li>  
            </ul>              
          </div>
  
      </header><!--/ << end header /-->
  
  <!--/ (css) heading /-->
  header {
      position: relative;
      width: 100%;
      height: 150px;
      margin:0;
      padding:0;
  }