funkcja active i nie działa wie ktoś dlaczego ?

Question

 

<style>
    .subscribe {
        background-color:red;
        color : rgb(255, 255, 255) ;
        border: none;
        height : 40px;
        width : 120px;
        border-radius : 10px;
        cursor : pointer;
        font-size: medium;
        font-style: italic;
        margin-right : 10px;

    }

    .join-button:active {
        opacity: 0.5;
        background-color: brown;
    }
    
    .join {
        background-color:orange;
        color : blue ;
        border: none;
        font-size: medium;
        font-style: italic;
        height : 40px;
        width : 100px;
        border-radius : 5px;
        cursor : pointer;
        margin-right : 10px;
    }
    .tweet {
        background-color:blue;
        color : rgb(255, 255, 255) ;
        border: none;
        height : 40px;
        width : 110px;
        border-radius : 25px;
        cursor : pointer;
        font-size: 15px;
        font-weight: bold;
    }
</style>

<button class="subscribe">SUBSCRIBE </button>

<button class="join">JOIN</button>

<button class="tweet">TWEET</butotn>

 

Comments

Pokaż jeszcze kod HTML.

---

całość wygląda tak

Answer 1

Bo button ma klasę .join a w CSS-ie masz klasę .join-button dla pseudoklasy :active.

BTW warto trzymać określoną kolejność tych pseudoklas w CSS-ie, żeby se przypadkiem nie nadpisać – są nawet mnemoniki pod to (akurat pod linki, ale F*k HAte pasuje też do każdego innego klikalnego dyngsa).

Comments

wielkie dzięki : >