Question

我使用AJAX生成搜索结果，我使用first-child伪类从第一个结果中删除margin-top。不幸的是，这个类似乎不适用于IE8。

我正在使用<!DOCTYPE html>，它应该允许IE8接受第一个子类，但在做了一些研究之后，似乎将第一个子类应用于动态插入的元素，不起作用

有没有人知道这方面的快速简便的解决方法？谢谢！

请记住，这些div是动态生成的，因此手动将类添加到第一个结果div是不可能的，至少使用直接HTML。

Answer 1

如何喂食结果？对于浏览器兼容性，我会让第一个项目具有特定的类，可以通过CSS进行定位：

HTML：

  <div class="item first-item">Item One</div>
  <div class="item">second item</div>
  <div class="item">second item</div>
  <div class="item last-item">last item</div>

CSS：

  <style>
    .item { margin:8px 0; }
    .item.first-item { margin:0 0 8px; }
    .item.last-item { margin:8px 0 0; }
  </style>

Answer 2

一个。对第一个结果元素使用id属性并重置边距。

湾使用margin-bottom代替margin-top，并在需要时重置最后一个元素的边距

℃。如果您将结果放在容器中，则可以将容器的margin-top设置为负值，该值等于first result的margin top

的值

等等。使用纯CSS完成此操作的许多方法。祝你好运。

关于动态元素的IE8 first-child伪类

2 个答案: