html - HTML 页面中消失的文本

Question

我刚开始使用 jsFiddle 来制作这个 ( https://jsfiddle.net/travism2006/tp2y5pvu/1/ )

body .main .leftAd {
  border: 4px red dashed;
  width: 160px;
}

<a href="#main">Skip Links</a>
<div class="header">
  <ul>
    <li><a>Coding</a>
    </li>
    <li><a>Web Tech</a>
    </li>
    <li><a>Data Fun</a>
    </li>
    <li><a>Robotics</a>
    </li>
  </ul>
</div>
<div class="leftAd">sss</div>

有人可以解释为什么“sss”消失 + 边框不显示吗？

Answer 1

我摆弄了一下 fiddle ，发现我的广告拦截器添加了“display: none;”到其中包含“Ad”子字符串的元素。

将元素从 'leftAd' 和 'rightAd' 重命名为 'left' 和 'right' 使它们按您预期的方式显示。