html - 关于 DIV(隐藏和显示不是 Java)

标签 html css

<div id="abc" style="display: none;"><h1>abc</h1></div>

您好!我隐藏了 div,但我想在键入时查看 #abc 我看不到此文本。

最佳答案

如果人们想在不借助 JavaScript 的情况下做到这一点,CSS 解决方案是使用 :target 伪类,如评论中所述。

<!DOCTYPE html>
<html>
 <head>
  <title>Example</title>
  <style>
   #abc {display:none}
   #abc:target {display:block}
  </style>
 </head>
 <body>

  <div id="abc"><h1>abc</h1></div>

 </body>
</html>

关于html - 关于 DIV(隐藏和显示不是 Java),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45803730/

相关文章:

php - 将数组显示为表格

html - "webkit-background-clip: text"相当于 Internet Explorer 11

javascript - 如何从这个 json 数据创建两个数组?

html - 如何根据 ANTD 表中选择标签中的值禁用日期选择器

python - 从 <img> 标签中提取路径和文件名

javascript - 正确设置父 div 和子 div 的百分比高度

html - 复选框格式和功能

javascript - jQuery slider 在鼠标悬停时不会停止

css - Bootstrap NavBar 上的图像,滚动时淡出

javascript - 标签系统 - 点击 Laravel 按标签搜索