如何覆盖JQuery UI样式？

我使用的是jQueryUISortable，它似乎强制可排序元素具有display:block

但是，我希望这些元素具有display:inline块

我尝试过使用这个css： .item{显示：内联块！重要；}

但Chrome控制台中的计算样式证明它不起作用

我还尝试使用以下jquery语句： $'.item'.css{display:'inline block'}

但这也不起作用

---

我如何覆盖JQuery UI样式？

您确定目标是正确的类吗

我已经为我的jQueryUI排序表准备了这个，它工作得非常好

#tabs .word-list li {
margin: 3px;
background-color: #FCFCFC;
padding: 7px 16px;
border-radius: 30px;
border-bottom: 2px solid #C7C7C7;
border-right: 2px solid #B1B1B1;
display: inline-block;
}

我也没有加载jQueryUICSS文件，我相信它是臃肿的。我为这些元素推出了我的风格，可能不是你的情况

尝试更具体地瞄准目标。和我一样。id->class

---

此外，您还可以尝试在自定义样式之前包含jquery ui css文件。

解决方案是设置float:none，这样就可以显示内联块的所需显示样式。 然后我必须设置垂直对齐：top以使元素在其顶部对齐。总的css：

.item {
    float:none;
    display:inline-block;
    vertical-align:top;
}

---

通过使用高专用性css选择器。您是在引用jquery ui.css之前还是之后定义css？我甚至没有在任何地方引用jquery-ui.css，我只是在使用jquery-ui.jsI，我肯定是针对正确的类，具有高级别的专用性。我也从未加载过jquery ui css文件，我只使用jquery-ui.js文件。所以我不知道为什么它在我这边不起作用…@user1050268 Make jsfiddle than:好建议！事实证明，我的问题低于jQueryUI的级别，事实上，这是我在html/css方面遇到的一个问题。如:，我试图让下面的JSFIDLE float中的元素与其容器的左边框齐平，而不是直接包装在第三个项目的下方。您知道如何做到这一点，而不必创建仅为行容器的div吗？注意：我正在寻找上述的float/clear行为如果我无法预测容器中有多少项以及它们的大小。@user1050268也许您应该使用packery而不是jquery ui sortable。看看：packer.metafizzy.co