css使列表元素出现的方法<；li/>；在列表的顶部有某个类

是否有任何css方法可以冒泡出列表顶部有某个类的

元素。我想我在过去遇到过这样做的方法，但我不记得该怎么做了

请注意，我不需要在标记中重新排列。只需使具有特定类的元素看起来像是位于没有该类的其他元素之上

---

有人能告诉我们是否有办法做到这一点吗？

使用纯CSS，您可以使用绝对定位将元素移动到列表的顶部，尽管就标记而言，它实际上不会位于列表的顶部。然而，您想要做的事情可以通过javascript实现。使用jQuery，您可能希望按照以下思路进行操作：

HTML:

<ul id="myList">
    <li>Second</li>
    <li>Third</li>
    <li>Fourth</li>
    <li class="top">First</li>
    <li>Fifth</li>
</ul>

$(document).ready(function () {
    var list = $('#myList');
    list.children('li.top').remove().prependTo(list);
});

工作示例：

编辑：

<ul id="myList">
    <li>Second</li>
    <li>Third</li>
    <li>Fourth</li>
    <li class="top">First</li>
    <li>Fifth</li>
</ul>

$(document).ready(function () {
    var list = $('#myList');
    list.children('li.top').remove().prependTo(list);
});

要使用纯CSS实现这一点，请使用绝对定位。以下是您需要的css示例：

ul#myList {position:relative; margin-top:40px;}
ul#myList li {line-height:20px;}
li.top {position:absolute; top:-20px;}

如果要移动多个元素，则需要对每个元素分别进行修补，这种方法可能不适合

---

工作示例：

拥有5金、42银、97铜的用户，还有这样的问题当你说“泡泡起来”是什么意思？@NathanLee:出现在列表的顶部（当然，我不希望他们在DOM中移动/重新排列！）我不希望它在标记或DOM中被重新排列，只要让它们显示在topAnswer上，并用我提到的绝对定位方法的示例进行更新就行了。如果列表中有多个元素的class

top

，它们都精确地折叠在1中，那么css就没有一个干净的方法来实现这一点。您必须为每个元素指定一个不同的类/id，以便分别设置它们的样式，然后调整列表顶部的边距以适应列表项。Javascript是一个更合适的解决方案，因为它也迎合了那些不是在看你的网站，而是通过屏幕阅读软件（当然还有谷歌）来解读网站的人。