やすまんの技術ブログ

駆け出しエンジニアが日々学んだこと、わからなかったことなどをまとめておくブログ。忘備録としても使います。

同じ表示を複数出したいとき

結論

hamlに書いたものを複製して下に貼り付ければ良い。

 

 

どういうことか

haml

.chat-main__message-user
mama
.chat-main__message-list-date
2019/11/12
.chat-main__message
いい加減にしなさい
.chat-main__send-message-user
mama
.chat-main__send-message-list-date
2019/11/12
.chat-main__send-message
いい加減にしなさい

 

とすると表示されるがscssも同じものを入力しなければいけなくなり、非常にめんどくさいので

 

.chat-main__message-user
mama
.chat-main__message-list-date
2019/11/12
.chat-main__message
いい加減にしなさい

.chat-main__message-user
oioi
.chat-main__message-list-date
2019/11/12
.chat-main__message
お前こそいい加減にしろ

 

と入力すれば、同じ表示がされるようになる。