Какие свойства отвечают за изменение цвета

Вот есть пример который мне нравится
https://codepen.io/oliviale/pen/WqwOzv

но там много чего нагромождено а мне нужно просто понять какие и как свойства изменят цвет. а все остальное мне не нужно.

Цвет чего?

вобще цвет задается при помощи #999 или #f9f9f9 вот таких кодов - решетка и после нее 3 или 6 цифр.

Цитата:

---

Сообщение от Degradator

Цвет чего?

вобще цвет задается при помощи #999 или #f9f9f9 вот таких кодов - решетка и после нее 3 или 6 цифр.

---

Если там кликнуть по кружочку то цвет интерфейса изменить, это круто я думал что такое можно сделать только скриптами а тут на css, там есть скрипт но я пробовал его удалять и все работает без него.

Мне лень разбираться. Это можно сделать без скриптов, но такой подход очень корявый. Скорее всего ты что-то не то удалил.

Без скриптов делается по такому принципу

<style>

.red:checked ~ *{

background: red

}

.blue:checked ~ *{

background: blue

}

</style>

<input class="red" name="color" type="radio" value="red">

<input class="blue" name="color" type="radio" value="blue">

<div>aaaaaaaaaaaaaaaaaaaaaaaaaa</div>

Я просто давно ищу способ что бы на странице одним кликом поменять к примеру цвет шрифта, размер шрифта.

Цитата:

---

Сообщение от Degradator

Мне лень разбираться. Это можно сделать без скриптов, но такой подход очень корявый. Скорее всего ты что-то не то удалил.

Без скриптов делается по такому принципу

<style>

.red:checked ~ *{

background: red

}

.blue:checked ~ *{

background: blue

}

</style>

<input class="red" name="color" type="radio" value="red">

<input class="blue" name="color" type="radio" value="blue">

<div>aaaaaaaaaaaaaaaaaaaaaaaaaa</div>

---

а почему если написать ~ * то не применяется не к чему

Где написать?

Цитата:

---

Сообщение от Degradator

Где написать?

---

я не правильно написал, то есть если НЕ НАПИСАТЬ ~ *

потому что он должен примениться к твоему чекбоксу, который скрыт. Если бы он не был скрыт, то скорее всего тоже бы не применились, потому что чекбокс отрисовывает операционка, и ей вобщем-то наплевать на твои стили