非同期でcssの読み込みかた

Question

###解決したいこと
非同期でメッセージを送信はできるが、cssがあたっていない。
リロードするとcssがあたる。

###実装できない原因の仮説
リロードするとCSSは適用されるため、cssの読み込み方に非同期の作法があると考えた。

###コード
修正が必要と考えるファイル
application.html.haml

!!!
%html
  %head
    %meta{content: "text/html; charset=UTF-8", "http-equiv": "Content-Type"}/
    %title ChatSpace
    = csrf_meta_tags
    = stylesheet_link_tag 'application', media: 'all'
    = javascript_include_tag 'application'
  %body
    = render "layouts/notifications"
    = yield

message.js

!!!
%html
  %head
    %meta{content: "text/html; charset=UTF-8", "http-equiv": "Content-Type"}/
    %title ChatSpace
    = csrf_meta_tags
    = stylesheet_link_tag 'application', media: 'all'
    = javascript_include_tag 'application'
  %body
    = render "layouts/notifications"
    = yield

初歩的な質問かと思いますが、よろしくお願いします。

Answer 1

###解決内容
javascript内のhtmlと、htmlファイルのクラス名が相違しているためのエラーでした。

ありがとうございました。