我正在创建一个学习日语单词的页面.每个词都在这样的句子中被上下文化.
写一封信给一个人的家庭.
我制作它是为了让我只能看到这个词的拼音阅读,这样人们就可以训练用象形文字写这个词.上面的句子是这样的.
写一封信给一个人的家庭.
现在我希望能够点击这是我迄今为止写的CSS和HTML.
CSS
x { display: none; }
HTML
<x>故郷</x><y>こきょう</y>に手紙を出す write home to one's family
如果我点击这个词,我基本上想在y { display: none; }
和x { display: none; }
之间切换.
我可以纯粹使用CSS和HTML来实现这一点吗?还是需要JavaScript?
我认为如果我在页面上隐藏了ALL <x>
或<y>
,在两者之间切换并不难,但我不喜欢这个结果.我正在寻找一种仅在点击单词的<x>
或<y>
之间切换的方法.
由于页面上有数百/数千个句子,因此 for each 单词使用不同的ID或类来针对特定单词是不切实际的.
我发现的所有解决方案都涉及为特定标签使用ID,或者同时切换所有标签,但我不知道如何实现这一点.