我怎样才能把一些<li>包装成一些东西,所以我可以把一些放在左边,一些放在右边?</li>

时间:2013-06-09 01:31:02

标签: html5 list css3

我有ul li这样的

<ul class="right-p">
/// here is a lot of li
</ul>

我想在左边显示所有这些,在右边显示最后一个,所以我把浮动放在最后,所以一切都很顺利。

有什么方法可以将我的左li包裹起来,以便我可以使用CSS轻松控制它们吗?

我的意思是,我不能放Div > li(它打破了规则)。可以li包装任何没有违反任何HTML5规则的内容(是)。

如何在没有li的{​​{1}}内包裹ul?是否存在任何可以使其工作的元素?

1 个答案:

答案 0 :(得分:3)

如果您打算将所有li的格式设置为与最后一个格式不同,可能会将它们放在中,那么最后的li是否真的可以被认为是同一个清单的一部分?也许它应该只是一个单独的元素?

但是,您可以使用css :last-child选择器格式化最后一项。如果(仅作为示例)将ul放在一个框中(可视化),那么您可以使用css-rules将最后一个项目移动到框的下方/外部。

因此,在css中,您可以使用li将规则应用于所有.right-p li,并使用:last-child选择器跟随此规则,以取消最后一项的这些设置。< / p>