Получил интересное задание, но уже сломал голову, как его выполнить, без js. Звучит оно так -
"Дан фрагмент html, для которого нужо написать стили css, допускается less или sass. Результат должен быть как на картинке. Круг, а внутри цифра 4. При клике цифра должна уменшаться на-1. Если кликнуть по кружку когда в нём находится цифра 1, то цифра сбрасывается до 4 - необходимо описать такой внешний вид и поведение, используя только стили. html-менять нельзя, применять другие языки тоже нельзя.
http://prntscr.com/okb9zt ссылка на пример"
html
<div class="button">
<input id="check1" type="checkbox" hidden>
<input id="check2" type="checkbox" hidden>
<label for="check1" class="radius"></label>
<label for="check2" class="num">4</label>
</div>
css, который я для этого уже написал
.radius{
position: absolute;
padding: 20px;
margin: 5px;
border: 3px solid black;
border-radius: 50px;
}
.num{
position: relative;
top: 19px;
left: 24px;
}