Html 如何使用:目标选择器影响不同的元素?

Html 如何使用:目标选择器影响不同的元素?,html,css,frontend,Html,Css,Frontend,我有两张表格。每次有人点击一个封面,表格就会显示出来。问题是每次有人点击其中一个封面时,我想将其中一个提交按钮的显示改为“显示:无”。是否可以使用:target选择器在同一HTML页面中的其他元素上提交操作 html: 试试这个 下面是相邻同级选择器 '#mcover:target + input.submitButton{ display:none; }' 选择同级的所有图元的步骤 '#mcover:target ~ input.submitButton{ display:none; }'

我有两张表格。每次有人点击一个封面,表格就会显示出来。问题是每次有人点击其中一个封面时,我想将其中一个提交按钮的显示改为“显示:无”。是否可以使用:target选择器在同一HTML页面中的其他元素上提交操作

html:

试试这个

下面是相邻同级选择器

'#mcover:target + input.submitButton{
display:none;
}'
选择同级的所有图元的步骤

'#mcover:target ~ input.submitButton{
display:none;
}'

太好了,你是否解决了“如何在解除控制后使css转换持续?”这一问题?请检查我的解决方案,看看它是否有效。干杯。
'#mcover:target + input.submitButton{
display:none;
}'
'#mcover:target ~ input.submitButton{
display:none;
}'