動態元素上的IE8第一個孩子僞類

我正在使用AJAX生成搜索結果，我正在使用first-child僞類從第一個結果中刪除margin-top。不幸的是，這個類似乎不適用於IE8。動態元素上的IE8第一個孩子僞類

我使用<!DOCTYPE html>這應該允許IE8接受第一個孩子類，但經過一番研究後，似乎將第一個孩子類應用於動態插入的元素不起作用。

有沒有人知道這個快速簡單的解決方法？謝謝！

請記住，這些div是動態生成的，所以手動向第一個結果div添加一個類是不成問題的，至少使用直接的HTML。

2014-05-07 APAD1

結果如何餵養？對於瀏覽器的兼容性，我會做的第一個項目有一個特定的類，它可以通過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>

來源

2014-05-07 19:37:32 avera813

它們是通過AJAX調用動態插入的，所以不幸的是我不能爲第一個結果設置特定的類，至少不能用純HTML/CSS。 – APAD1

當然，你可以在插入特定元素後添加類/樣式。 – nietonfir

@ APAD1，如果您無法根據需要更改html，則可以將相鄰元素作爲目標來覆蓋默認行爲。這應該讓你給第一個物品的財產，然後使用別的東西別的。 http://msdn.microsoft.com/en-us/library/aa358818%28VS.85%29.aspx – avera813

一個。爲第一個結果元素使用id屬性並重置邊距。

b。使用margin-bottom作爲結果而不是margin-top，並根據需要重置最後一個元素的頁邊距

c。如果您在容器中獲得結果，則可以將容器的margin-top設置爲負值，該值等於第一個結果的margin的值top

等等。許多方式使用純CSS完成此操作。祝你好運。

來源

2014-05-07 19:37:45 lesssugar

動態元素上的IE8第一個孩子僞類

回答

相關問題