CSS

Question

Ich habe dieses Markup und CSS

<div class="share-btn"> 
    20 Shares 
    <span>Share Now</span> 
</div> 

CSS

.share-btn span{ 
    display: none; 
} 
.share-btn:hover { 
    display: none; 
} 

.share-btn:hover span { 
    display: block; 
} 

Ich versuche, den Text auf Mausbewegung zu ändern. Schwebender 20 Shares sollte zu Share Now wechseln. Ich habe versucht mit CSS, aber nicht so wie ich es erwartet hatte.

Wie kann ich dies mit CSS tun?

Danke! diese

Answer 1

Versuchen:

<div class="share-btn"> 
    <span id="one">20 Shares</span> 
    <span id="two">Share Now</span> 
</div> 

css

.share-btn #two{ 
     display: none; 
    } 

    .share-btn:hover #one { 
     display: none; 
    } 

    .share-btn:hover #two { 
     display: block 
    }