css - 如何隐藏没有ID的文字？

Question

我正在为一个网页编写一个 css 样式，它在一个 div 中显示没有 id 的文本。这是我感兴趣的部分:

<div class="wal2">

    <meta content="***" itemprop="width"></meta>
    <meta content="***" itemprop="height"></meta>

     text1: 

    <a target="_blank" href="**********"></a>
    <script type="text/javascript"></script>
    <br></br>

    text2: 

    <a target="_blank" href="***************"></a>
    <br></br>
    <table></table>
    <a href="/crop.php?id=303213"></a>
    <br></br>
    <br></br>
    <img width="16" height="16" border="0" align="absmiddle" alt="" src="/files/color.gif"></img>

    text3:

    <br></br>
    <table cellspacing="0" cellpadding="0"></table>

</div>

我想知道如何隐藏“text3:”而不隐藏“text1: 和text2:' 与 CSS，使用{ 文本缩进:100%；空白:nowrap；溢出:隐藏； 或 { 显示:无!重要； ，或者其他什么……？如果这不可能，我该如何隐藏所有这三个？

Answer 1

隐藏所有文本节点(不是首选解决方案，但仍然要求)；您可以尝试折叠父 div 的可见性，然后在 html 元素上恢复它:

.wal2 {
  visibility: collapse;
}
a,
br,
table,
img {
  visibility: visible;
}

<div class="wal2">

  <meta content="***" itemprop="width"></meta>
  <meta content="***" itemprop="height"></meta>

  text1:

  <a target="_blank" href="**********">link</a>
  <script type="text/javascript">alert('script');</script>
  <br></br>

  text2:

  <a target="_blank" href="***************">link</a>
  <br></br>
  <table></table>
  <a href="/crop.php?id=303213">link</a>
  <br></br>
  <br></br>
  <img width="16" height="16" border="0" align="absmiddle" alt="" src="http://lorempixel.com/400/200"></img>

  text3:

  <br></br>
  <table cellspacing="0" cellpadding="0">
    <tr>
      <td>table cell</td>
    </tr>
  </table>

</div>