CSS Safari element+element selector on focus bug?
<p>I'm trying to use the <a href="http://www.w3schools.com/cssref/sel_element_pluss.asp" rel="nofollow">element+element-Selector</a> to change the CSS for an element following a button.</p>

<p>The following snippet works in Chrome, Edge, Firefox - <strong>not in Safari</strong> for MacOS:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>.button:focus+.change{
   color: red;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p&gt;When you focus the button, the text color should change to red.&lt;/p&gt;

&lt;button class="button"&gt;click me&lt;/button&gt;
&lt;div class="change"&gt;Change color&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>Any ideas, how I could resolve this problem?</p>

<p>Thanks for your help.</p>