  x-container,
        x-sample,
        x-sample-dynamic,
        x-container-dynamic {
          display: block;
          padding: 10px;
          margin: 10px;
          border: 1px solid black;
        }

        .target {
          background-color: rgb(0, 255, 0);
        }
      </style>
    </custom-style>

    <template id="x-sample">
      <style>
        .target {
          background-color: rgb(255, 0, 0);
        }
      </style>
      <h2></h2>
      <p>here .target elements are red</p>
     