Назовите один реально изученный инструмент языка, объясните пользу и проверьте поддержку в целевом окружении, не выдавая давнюю возможность за новейшую.
В первом примере цвет зависит от HTML: внутри #card — красный, иначе внутри .card — синий, иначе зелёный. Во втором примере побеждает последний зелёный.
ref хранит значение через .value и подходит для примитивов и объектов; reactive возвращает Proxy объекта. Оба связывают чтение данных с зависимыми эффектами.
Специфичность определяет приоритет селектора внутри сопоставимых правил каскада: ID сильнее классов, атрибутов и псевдоклассов, а те — тегов и псевдоэлементов.