title: Shadow DOM styling from the outside
body: <p>I am searching a way to styling shadow DOM from the outside. For example, I would like to set the color of all text in all 'span.special' elements as RED. Including 'span.special' elements from shadow DOM. How I can do this? </p>
  
  <p>Previously there were <strong>::shadow</strong> pseudo-element and <strong>/deep/</strong> combinator aka <strong>>>></strong> for this purpose. So I could write something like </p>
  
  <pre><code>span.special, *::shadow span.special {
      color: red
  }
  </code></pre>
  
  <p>But now <strong>::shadow</strong>, <strong>/deep/</strong> and <strong>>>></strong> are deprecated. So, what do we have as a replacement of them? </p>