css - :hover ではなく :active にトランジションを適用する

Question

それが可能かどうかはわかりませんが、私がやったことは次のとおりです。

a {
    background-color: white;
    transition: all 1s;
}

a:hover {
    background-color: grey;
}

a:active {
    background-color: black;
}

しかし、トランジションが :active (:hover のみ) に適用されないようにしたいので、これを試しました:

a {
    background-color: white;
}

a:hover {
    background-color: grey;
    transition: all 1s;
}

a:active {
    background-color: black;
}

そして、結果はまったく同じです (効果が逆にならないことを除いて)。完全なCSSでそれを行うことは可能ですか?

ありがとう！