質問: atomを使い始めました、勉強中のプログラミング初心者です。 少し困ったことがあるので質問させてください。 ![](https://teratail.storage.googleapis.com/uploads/contributed_images/f259eb66e82ed841a877c9cbe86781bd.png) こんな感じで1つずつの指示しか反映してくれません。 2つの指示を出すとどっちも反映されないまま表示されてしまいます。 これはどうしたら解決できますか? いきなり出来なくなったなどではなく、atomを初めてインストールしたときからです。 またAtom HTML Previewでプレビューを表示させていますが、いちいち保存をしないと反映されません。 いちいち保存をしなくてもリアルタイムで表示させるにはどうしたらいいのでしょうか? わかる方がいたら教えていただきたいです。 よろしくお願いします。
回答: とりあえずソースを描いておきますね。 それぞれ一番最後の指定だけは、セミコロンなくても動作はしますが、全部につけておいたほうがいいでしょう。 一応.header-logoはまとめさせて頂きました。 ``` header{ background-color:#db7093; } .header-logo{ color:white; padding:30px; } p { color: :white; padding: 30px; } ``` 自分はDreamweaver使いなので、あまりAtomにはくわしくありませんが、 Atom HTML Previewの使い方については、保存をする毎に更新される、というのが仕様らしいので、都度保存しか無いと思います。 browser-plusというプラグインもありましたが、これも保存しないといけなさそうです。 Dreamweaverに標準搭載の「コード・ライブ」モードを利用すれば、保存せずにリアルタイムで更新されます。