Question

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

＆＃13;

<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>

＆＃13;

我想知道如何隐藏' text3：'，不用隐藏' text1 ：和 text2：＆＃39;用css，使用 {text-indent：100％;白色空间：nowrap;溢出：隐藏; } 或 {display：none！重要; } ，或其他什么......？如果那是不可能的，我怎么能隐藏他们三个呢？

Answer 1

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

如何隐藏没有ID的文本？

1 个答案: