Html 成为兄弟姐妹<；部门>；使用：选中的css伪类（不含javascript）可见

我试图遵循文章中发布的示例，但我无法复制选中单选按钮后新元素可见的行为

。如果激活，则显示{
不透明度：0；
最大高度：0；
溢出：隐藏；
字体大小：16px；
变换：比例（0.8）；
过渡：0.5s；
输入[type=“radio”]：选中{
不透明度：1；
最大高度：100px；
填充：10px 20px；
变换：比例（1）；
溢出：可见；
}
}

你是学生还是专业人士

学生
学生类别：

高中
大学生
毕业

使用选择器

：checked+nextElSelector

（）选择选中输入旁边的元素：

span{
可见性：隐藏；
}
输入：选中+span{
能见度：可见；
}

---

TADA使用选择器
：checked+nextElSelector
（）选择选中输入旁边的元素：


span{
可见性：隐藏；
}
输入：选中+span{
能见度：可见；
}
TADA您的选择器应该如下所示

 input[type="radio"]:checked ~ .reveal-if-active{

您的选择器应该如下所示

 input[type="radio"]:checked ~ .reveal-if-active{

将
输入
选择器更改为以下选项：

input[type="radio"]:checked + .reveal-if-active {}

注意
+
。这是相邻的同级选择器，在两个选择器之间是必需的，以便在选中单选按钮时更改隐藏元素的不透明度


。如果激活，则显示{
不透明度：0；
最大高度：0；
溢出：隐藏；
字体大小：16px；
变换：比例（0.8）；
过渡：0.5s；
}
输入[type=“radio”]：选中+显示是否激活{
不透明度：1；
最大高度：100px；
填充：10px 20px；
变换：比例（1）；
溢出：可见；
}
你是学生还是专业人士

学生
学生类别：

高中
大学生
毕业
将
输入
选择器更改为以下选项：

input[type="radio"]:checked + .reveal-if-active {}

注意
+
。这是相邻的同级选择器，在两个选择器之间是必需的，以便在选中单选按钮时更改隐藏元素的不透明度


。如果激活，则显示{
不透明度：0；
最大高度：0；
溢出：隐藏；
字体大小：16px；
变换：比例（0.8）；
过渡：0.5s；
}
输入[type=“radio”]：选中+显示是否激活{
不透明度：1；
最大高度：100px；
填充：10px 20px；
变换：比例（1）；
溢出：可见；
}
你是学生还是专业人士

学生
学生类别：

高中
大学生
毕业
下面是本机
CSS


。如果激活，则显示{
不透明度：0；
最大高度：0；
溢出：隐藏；
字体大小：16px；
变换：比例（0.8）；
过渡：0.5s；
}
输入[type=“radio”]：选中{
不透明度：1；
最大高度：100px；
填充：10px 20px；
变换：比例（1）；
溢出：可见；
}
输入[type=“radio”]：选中+显示是否激活{
不透明度：1；
最大高度：初始高度；
}
你是学生还是专业人士

学生
学生类别：

高中
大学生
毕业
下面是本机
CSS


。如果激活，则显示{
不透明度：0；
最大高度：0；
溢出：隐藏；
字体大小：16px；
变换：比例（0.8）；
过渡：0.5s；
}
输入[type=“radio”]：选中{
不透明度：1；
最大高度：100px；
填充：10px 20px；
变换：比例（1）；
溢出：可见；
}
输入[type=“radio”]：选中+显示是否激活{
不透明度：1；
最大高度：初始高度；
}
你是学生还是专业人士

学生
学生类别：

高中
大学生
毕业
如何使用Jquery？

通过使用此代码，您将知道是否选中了单选按钮<代码>$（此）.is（':checked'）
在
change
函数中


$（函数（）{
$（'#student'）。关于（“更改”，函数（）{
$（'.discover if active'）.css({
“不透明度”：“1”，
“最大高度”：“100px”
});
});
});
。如果激活，则显示{
不透明度：0；
最大高度：0；
溢出：隐藏；
字体大小：16px；
变换：比例（0.8）；
过渡：0.5s；
输入[type=“radio”]：选中{
不透明度：1；
最大高度：100px；
填充：10px 20px；
变换：比例（1）；
溢出：可见；
}
}

你是学生还是专业人士

学生
学生类别：

高中
大学生
毕业
如何使用Jquery？

通过使用此代码，您将知道是否选中了单选按钮<代码>$（此）.is（':checked'）
在
change
函数中


$（函数（）{
$（'#student'）。关于（“更改”，函数（）{
$（'.discover if active'）.css({
“不透明度”：“1”，
“最大高度”：“100px”
});
});
});
。如果激活，则显示{
不透明度：0；
最大高度：0；
溢出：隐藏；
字体大小：16px；
变换：比例（0.8）；
过渡：0.5s；
输入[type=“radio”]：选中{
不透明度：1；
最大高度：100px；
填充：10px 20px；
变换：比例（1）；
溢出：可见；
}
}

你是学生还是专业人士

学生
学生类别：

高中
大学生
毕业
您是否使用本机
CSS
？因为您不能在本机
CSS
中相互嵌套规则。这是
LESS
/
SCSS
/
SASS
/等使用的东西。我使用的是本机CSS。本机是否有解决方法？是否使用本机
CSS
？因为您不能在本机代码中将规则嵌套在另一个内部