Html 如何在不使用javascript的情况下,在选择selectbox选项时显示和隐藏文本

Html 如何在不使用javascript的情况下,在选择selectbox选项时显示和隐藏文本,html,css,bootstrap-4,css-selectors,Html,Css,Bootstrap 4,Css Selectors,我需要帮助显示不同的文本时,选择形式下拉没有javascript 我尝试了下面的代码,但它也使用了onchange事件 选择一个选项 第一学期 第二学期 第3学期 我需要您的帮助,以获得相同的功能,但没有javascript 谢谢不幸的是,这不容易实现,甚至在当前的css 3和HTML 5标准中也不可能实现 实际上,基于伪选择器和元素,您可以 选中的标签适用于中的元素 因此,基于此选择器,您可以使用如下代码从隐藏所选元素 这里的主要问题是,基于此伪选择器,您只能选择标记内的元素-这意味着所选

我需要帮助显示不同的文本时,选择形式下拉没有javascript

我尝试了下面的代码,但它也使用了onchange事件


选择一个选项
第一学期
第二学期
第3学期
我需要您的帮助,以获得相同的功能,但没有javascript


谢谢

不幸的是,这不容易实现,甚至在当前的css 3和HTML 5标准中也不可能实现

实际上,基于伪选择器和元素,您可以

选中的
标签适用于
中的
元素

因此,基于此选择器,您可以使用如下代码从
隐藏所选元素

这里的主要问题是,基于此伪选择器,您只能选择
标记内的元素-这意味着所选标记旁边的其他选项标记

为了构建一个选择器,从您的示例中选择元素
#t
,您首先需要选择选项元素级别并选择
标记,然后查找后面的某个元素,您可以尝试使用css修改/使其可见/不可见。在当前选择器规范中,无法获取某些元素的父元素。请参阅此以了解有关此的任何更新。因此,从2020年2月起,您需要再次使用JS执行此操作,这使得当前的工作毫无用处