当我通过jQuery/javascript传递条件单选按钮时，为什么我的CSS样式表没有反映出来？

我已经为此挣扎了好几个星期了，我不知道如何克服它

我有一个非常好的CSS样式表用于表单。这个表单有一个有条件的yes/no单选框，我最终使用javascript进行了工作，但是CSS样式被完全消除了。谁能帮帮我吗。在这一点上我完全不明白

html，正文{宽度：100%；高度：100%；背景：#D2D6DB}
形式
{
显示：块；
利润率：30像素；
溢出：隐藏；
背景：#FFF；
边框：1px实心#e4；
边界半径：5px；
字号：0；
}
@介质（最小宽度：800px）{
表格>分区{
显示：内联块；
}
表格>分区列-提交{
显示：块；
}
}
表单>分区>标签
{
显示：块；
填充：10px 20px 10px；
垂直对齐：顶部；
字体系列：源Sans-Pro、Arial、Sans-serif；
字体大小：12px；
字号：600；
文本转换：大写；
颜色：#7f7f7f；
光标：指针；
}
表格>分区>信息
{
显示：块；
填充：10px 20px 10px；
垂直对齐：顶部；
字体系列：源Sans-Pro、Arial、Sans-serif；
字体大小：14px；
字体大小：400；
颜色：#1d；
光标：指针；
}
/*表单>div>检查标签
{
显示：块；
左侧填充：15px；
/*字体系列：源Sans-Pro、Arial、Sans-serif；
字体大小：14px；
字体大小：400；
颜色：#1d；
光标：指针；
文本缩进：-15px；
}
表单>div>检查标签>输入
{
宽度：13px；
高度：13像素；
填充：0；
保证金：0；
垂直对齐：底部对齐；
位置：相对位置；
顶部：-1px；
*溢出：隐藏；
}
*/
表格>第二分区，表格>第三分区，表格>第四分区，
表格>第5栏，表格>第6栏，表格>第7栏，
表格>div.col-8，表格>div.col-1，表格>div.col-11{
边框底部：1px实心#e4；
}
@介质（最小宽度：800px）{
表格>第二分区，表格>第三分区，表格>第四分区，
表格>第5栏，表格>第6栏，表格>第7栏，表格>第8栏，
表格>第1栏，表格>第11栏
{方框阴影：1px 1px#e4e4；边框：无；}
}
@介质（最小宽度：800px）{
表单>div.col-2{宽度：50%}
表单>div.col-3{宽度：33.3333%}
表格>div.col-4{宽度：25%}
表单>div.col-1{宽度：100%}
表单>div.col-5{宽度：20%}
表单>div.col-6{宽度：16.6666%}
表格>div.col-7{宽度：30%}
表单>div.col-8{宽度：10%}
表格>div.col-11{宽度：100%}
}
表格>分区>标签>输入
{
显示：内联块；
位置：相对位置；
宽度：100%；
高度：27px；
线高：27px；
保证金：5px-5px 0；
填充：7px 5px 3px；
边界：无；
大纲：无；
边界半径：3px；
背景：透明；
字体大小：14px；
字号：200；
不透明度：.66；
过渡：不透明度.3s，长方体阴影.3s；
}
表格>分区列-提交{
文本对齐：居中；
填充：20px；
}
表格>第1栏{
边框：1px实心#e4；
背景:#051938 ;；
字体大小：14px；
填充：1px；
显示：块；
宽度：100%；
光标：指针；
边界：0；
边界半径：5px；
文本转换：大写；
}
@介质（最小宽度：800px）{
表单>div.col-submit按钮{
宽度：30%；
保证金：0自动；
}
}
表单>div.col-submit按钮：悬停{
背景#7f7f7f；
}
表格>分区>标签>选择
{
显示：块；
宽度：100%；
利润率：16px 0 8px；
填充：0；
背景：透明；
边界：无；
大纲：无；
字体大小：14px；
字号：200；
不透明度：.33；
}
表格>分区>标签>输入：焦点，表格>分区>标签>选择：焦点
{
不透明度：1；
盒影：0 3px4pRGBA（0,0,0,15）；
}
/*输入[type=“date”]{
显示：块；
宽度：100%；
利润率：16px0-3px；
填充：0；
背景：透明；
边界：无；
大纲：无；
字体大小：14px；
字号：200；
不透明度：.33；
高度：27px；
线高：27px；
}*/
/*输入[type=“date”]{
显示：块；
宽度：100%；
保证金：5px-5px 0；
填充：7px 5px 2px；
背景：透明；
边界：无；
大纲：无；
字体大小：14px；
字号：200；
不透明度：.33；
}
输入[输入“收音机”]{
显示：块；
宽度：100%；
保证金：5px-5px 0；
填充：7px 5px 3px；
背景：透明；
边界：无；
大纲：无；
字体大小：14px；
字号：200；
不透明度：.33；
}*/
.次级问题{
裕度：0.01.5em 1em；
填充：0.1em；
左边框：1px实心#中交；
}
锂
{
列表样式类型：无；
}
表单>div>标签>输入[type=“date”]
{
显示：块；
宽度：100%；
利润率：13px 0 3px；
填充：0；
背景：透明；
边界：无；
大纲：无；
字体大小：14px；
字号：200；
不透明度：.33；
}
表单>div>标签>输入[type=“radio”]
{
显示：块；
宽度：100%；
利润率：16px 0 8px；
填充：0；
背景：透明；
边界：无；
大纲：无；
字体大小：14px；
字号：200；
不透明度：.33；
}
字段集，
传奇{
边界：无；
保证金：0；
填充：0；
}
/*钮扣{
背景色：#1d；
颜色：白色；
字体大小：粗体；
盒影：无；
文本转换：大写；
}*/
.控件：选中~.有条件，
#是：选中~。有条件，
#必需-2：选中~有条件
#选项2：选中~。有条件{
剪辑：自动；
高度：自动；
保证金：0；
溢出：可见；
位置：静态；
宽度：自动；
}
.控件：不（：选中）~.有条件，
#是：不（：选中）~.有条件，
#必需-2:未（：选中）~.有条件，
#选项2：不（：选中）~.有条件{
边界：0；
剪辑：rect（0）；
高度：1px；
保证金：-1px；
溢出：隐藏；
填充：0；
位置：绝对位置；
宽度：1px；
}

个人健康问卷
雇员资格声明
1.
回答这个问题

<form>
   <div> <!-- The symbol > in css will affect this div only-->
       <div> <!-- Here the symbol > is not taking effect as this is not direct children of form-->
   </dv>