Change cursor after two clicks using only html and css?

I know I can change the cursor with one click with the following CSS code:

#slide-arrow-prev:active {    cursor: not-allowed;}

Is there anyway to change a cursor after two clicks using only html and css? I'm curious if I can do it without using javascript. If so, how please. Thank you