How to hide element in a div except one?
<p>I have this HTML-code and I would like to hide the text "Cloudy, Wind : 2.4 km/h, Humidity : 100%"</p>

<pre><code>&lt;div class="flxvrJtnbd theDayInfos"&gt;
    Cloudy&lt;br&gt;
    Wind : 2.4 km/h&lt;br&gt;
    Humidity : 100%&lt;br&gt;
    &lt;span class="dhpflXvrjt degrees coldDegrees"&gt;
        19°C                                
    &lt;/span&gt;
&lt;/div&gt;
</code></pre>

<p>I just need to show the degrees.</p>

<p>I have tried it with something like:</p>

<pre><code>.theDayInfos:not(.degrees){
    display: none;
}
</code></pre>

<p>This did'nt work. Are there other ways do achieve this?</p>

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