如何在没有javascript的情况下隐藏和显示文本
如何在不使用javascript的情况下隐藏和显示文本？我知道使用javascript会容易得多，但在这种情况下我不能如何在没有javascript的情况下隐藏和显示文本,javascript,hide,show-hide,Javascript,Hide,Show Hide,如何在不使用javascript的情况下隐藏和显示文本？我知道使用javascript会容易得多，但在这种情况下我不能 我正在寻找类似这样的内容：您可以查看该页面上的代码以了解它是如何发生的： ul.hshow li a:focus span, ul.hshow li a:active span { display:block; border:5px solid red; text-align:left; padding:5px; height:auto; overflow:visible; p
我正在寻找类似这样的内容：您可以查看该页面上的代码以了解它是如何发生的：
ul.hshow li a:focus span, ul.hshow li a:active span {
display:block;
border:5px solid red;
text-align:left;
padding:5px;
height:auto;
overflow:visible;
position:relative;
left:auto
}
然而，我不建议这样做，因为这样做几乎是对CSS的一种攻击。CSS应该用于设计元素的样式，以提供外观和感觉；不用于提供javascript等元素的行为 您可以查看该页面上的代码，以了解它是如何发生的：
ul.hshow li a:focus span, ul.hshow li a:active span {
display:block;
border:5px solid red;
text-align:left;
padding:5px;
height:auto;
overflow:visible;
position:relative;
left:auto
}
然而，我不建议这样做，因为这样做几乎是对CSS的一种攻击。CSS应该用于设计元素的样式，以提供外观和感觉；不用于提供javascript等元素的行为 它使用a:active属性来显示这些文本 基本上，你需要把你的内容放在你的链接中，当链接不活动时隐藏它，但如果它是活动的，则显示它 问题是，点击任何链接都会隐藏当前显示的内容，而标签链接将被视为“点击”
使用它并不是一个好主意。使用：悬停会更好 它使用a:active属性来显示这些文本 基本上，你需要把你的内容放在你的链接中，当链接不活动时隐藏它，但如果它是活动的，则显示它 问题是，点击任何链接都会隐藏当前显示的内容，而标签链接将被视为“点击”
使用它并不是一个好主意。使用：悬停会更好 老实说，我不知道为什么有些人想成为代码势利者，但你的方法没有错。我必须为那些没有启用javascript的人编写代码，所以利用CSS是非常有意义的……它不是一种利用其潜力的黑客行为 下面是一篇很好的文章，可以完全满足您的需求：
希望这对别人有帮助 老实说，我不知道为什么有些人想成为代码势利者，但你的方法没有错。我必须为那些没有启用javascript的人编写代码，所以利用CSS是非常有意义的……它不是一种利用其潜力的黑客行为 下面是一篇很好的文章，可以完全满足您的需求： 希望这对别人有帮助 您可以使用CSS：
<!DOCTYPE html>
<html>
<body>
<h1>Click Me!</h1>
</body>
<style>
h1:active {
opacity: 0;
}
</style>
</html>
点击我！
h1：活动{
不透明度：0；
}
<!DOCTYPE html>
<html>
<body>
<h1>Click Me!</h1>
<p>I am Bob.</p>
</body>
<style>
h1:active {
display: none;
}
</style>
</html>
点击我！
我是鲍勃
h1：活动{
显示：无；
}
<!DOCTYPE html>
<html>
<body>
<h1>Click Me!</h1>
</body>
<style>
h1:active {
opacity: 0;
}
</style>
</html>
点击我！
h1：活动{
不透明度：0；
}
<!DOCTYPE html>
<html>
<body>
<h1>Click Me!</h1>
<p>I am Bob.</p>
</body>
<style>
h1:active {
display: none;
}
</style>
</html>
点击我！
我是鲍勃
h1：活动{
显示：无；
}
这再次使用了活动选择器。查看该网站的源代码。您是否查看了演示的源代码？如果是这样的话，你到底对什么感到困惑？看看那个网站的源代码。你看过演示的源代码了吗？如果是这样的话，你到底对什么感到困惑？我对你的链接很感兴趣，但它已经不存在了。我想制作一个EPUB，其中隐藏了一个边栏文本块，但我找不到一个支持Javascript的免费EPUB阅读器。@Bullrush看起来他们已经重做了他们的网站，现在它是一个php页面。我已经在上面更新了。我对你的链接感兴趣，但它已经不在了。我想制作一个EPUB，其中隐藏了一个边栏文本块，但我找不到一个支持Javascript的免费EPUB阅读器。@Bullrush看起来他们已经重做了他们的网站，现在它是一个php页面。我已经在上面更新了它。