css - IE8 first-child 动态元素伪类

标签 css internet-explorer-8 css-selectors

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

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

有人知道解决这个问题的快速简便方法吗?谢谢!

请记住,这些 div 是动态生成的,因此手动将类添加到第一个结果 div 是不可能的,至少对于直接 HTML 而言是这样。

最佳答案

如何提供结果?为了浏览器兼容性,我会让第一个元素有一个特定的类,可以通过 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>

关于css - IE8 first-child 动态元素伪类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23526170/

相关文章:

css - Bootstrap : Background colour 100% screen width?

css - 未为动态生成的控件恢复背景颜色 (ASP.NET)

html - 如何在 IE8 中禁用文本区域的默认滚动条?

browser - 如何在我的网站的Internet Explorer 8中禁用“兼容模式”?

css - 将 CSS 规则应用于子类中的多个元素

css - 有没有办法在 tr 级别通过 css 应用背景颜色?

perl - 解析 HTML 以获取两个集合元素之间的元素

css - 模糊的线性渐变在 chrome 中停止

javascript - 尝试使用 css 编辑我的 javascript 按钮

javascript - Bootstrap Datepicker 与 IE8 - 对象不支持此属性或方法