Css 用类覆盖li样式

在我的网站上，我创建了这个html/css

li
{
    float: left;
    ...
}

.myclass
{
    float: right;
    ...
}

<ul>
    <li>test 1</li>
    <li class="myclass">test 2</li>
</ul>

---

它可以工作，但我也在divs中使用myclass，因为它是一个通用样式的类。如果不使用li，我如何解决这个问题？

根据您的评论，我认为您应该使用一个表，因为它看起来很像成为一个表。只要他们不习惯设计工作，桌子就不是邪恶的

---

或者，如果你真的想避免使用表，只需列出两个列表，并用float对齐

从你的评论来看，我认为你应该使用一个表格，因为它看起来很像成为一个表格。只要他们不习惯设计工作，桌子就不是邪恶的

---

或者，如果你真的想避免使用表，只需列出两个列表，并用float对齐

正如您的帖子所说，如果您使用更“特定”的选择器，例如

li.myclass

，则可以覆盖

float

-属性。因此，您可以在逗号分隔的列表中列出这两个选择器

.myclass, li.myclass {
    float: right;
}

或者您可以使用

！重要信息

覆盖属性

.myclass {
    float: right !important;
}

---

此外，它在CSS中显示属性的位置也起作用。位于文件下方的属性可以覆盖位于上方的属性。

正如您的帖子所说，如果您使用更“特定”的选择器，例如

li.myclass

，则可以覆盖

float

-属性。因此，您可以在逗号分隔的列表中列出这两个选择器

.myclass, li.myclass {
    float: right;
}

或者您可以使用

！重要信息

覆盖属性

.myclass {
    float: right !important;
}

---

此外，它在CSS中显示属性的位置也起作用。位于文件下方的属性可能会覆盖位于上方的属性。

问题是，您想实现什么？如果要将列表项并排显示，只需使用“显示”：inline@Dan我用另外一个信息编辑了我的问题。我正在尝试将li元素右对齐，其他元素左对齐。它在Firefox6和IE8中对我有效。“你在测试什么浏览器？”Anson回答说，不管怎样，我在firefox 7.0.1中测试它。问题是，你想实现什么？如果要将列表项并排显示，只需使用“显示”：inline@Dan我用另外一个信息编辑了我的问题。我正在尝试将li元素右对齐，其他元素左对齐。它在Firefox6和IE8中对我有效。你在测试什么浏览器？@Anson解决了，反正我在firefox 7.0.1中测试过，我会使用你的第一个解决方案我会使用你的第一个解决方案