【laravel６】コンポーネントの組み込み時にスタイルの継承をしたいと考えています。

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。

→laravel６を用いてコンポーネントの組み込みでスタイルの継承を行なっている最中に
１つだけ（.messageが今回の問題点。）スタイルの継承が行われないという問題が起きています。

実現したいことは「CAUTION!これはメッセージの表示です。」という文章を枠線で囲むことです。

発生している問題・エラーメッセージ

.msg_titleと.msg_titleのスタイルは継承されているが.messageのみ継承されずにいる。 

該当のソースコード

@extends ('layouts.helloapp')


@section('title' ,'index!')

@section('menubar')
  @parent
  インデックスページ
@endsection

@section('content')
  <p>ここが本文のコンテンツです</p>
  <p>必要な分だけ記述できます。</p>

  @component('components.message')
    @slot('msg_title')
    CAUTION!
    @endslot

    @slot('msg_content')
    これはメッセージの表示です。
    @endslot
  @endcomponent  

@endsection

@section('footer')
copyright 2020 tuyano.
@endsection

<style>
.message { border:double 4px #ccc; margin:10px; padding:10px; background-color:#fafafa; }
.msg_title { margin:10px 20px; color:#999;
font-size:16pt; font-weight:bold; }
.msg_content{margin:10px 20px; color:#aaa;
font-size:12pt;}
</style>

<div>
  <p class="msg_title">{{$msg_title}}</p>
  <p class="msg_content">{{$msg_content}}</p>
</div>

試したこと

@slotの方はクラスが継承されていることがわかっているので２つのslotを大きな１つのslotで囲めば枠線が作れると仮定してみて、

　 @slot('message')
@slot('msg_title')
CAUTION!
@endslot

@slot('msg_content')
これはメッセージの表示です。
@endslot

@endslot

として全体のslotを囲むようにmessageを入れてみたが何も変化は起きませんでした。

補足情報（FW/ツールのバージョンなど）

laravel6を使用。

Answer 1

messageがどこにも使われてないからでは。

<div class="message">
  <p class="msg_title">{{$msg_title}}</p>
  <p class="msg_content">{{$msg_content}}</p>
</div>

Bladeコンポーネントは最終的に単なるhtmlとして表示されるだけなので
スタイルの継承とか考えることはない。