html单选按钮字段颜色设置,html – 如何从单选按钮更改文本的颜色？

我正在制作一个分段开关,我正在尝试使用过渡来改变文本的颜色,但由于某种原因,文本颜色变化不起作用.

这是CSS样式：

#Favorites_Switch:checked ~ #Selected_Container {

position: absolute;

left: 50%;

transition: all .15s ease;

border-radius: 0px 5px 5px 0px;

}

#Favorites_Switch:checked ~ #Favorites_Text {

color: #38D1A9;

transition: color .2s ease;

}

#Favorites_Switch:checked ~ #All_Text {

color: #FFFFFF;

transition: color .2s ease;

}

#All_Switch:checked ~ #Selected_Container {

position: absolute;

left: 0%;

transition: all .15s ease;

}

这是html.

All

Favorites

当我按下标签div时,我无法弄清楚为什么字体颜色不会改变.