我有ul li
这样的
<ul class="right-p">
/// here is a lot of li
</ul>
我想在左边显示所有这些,在右边显示最后一个,所以我把浮动放在最后,所以一切都很顺利。
有什么方法可以将我的左li
包裹起来,以便我可以使用CSS轻松控制它们吗?
我的意思是,我不能放Div > li
(它打破了规则)。可以li
包装任何没有违反任何HTML5规则的内容(是)。
如何在没有li
的{{1}}内包裹ul
?是否存在任何可以使其工作的元素?
答案 0 :(得分:3)
如果您打算将所有li
的格式设置为与最后一个格式不同,可能会将它们放在框中,那么最后的li
是否真的可以被认为是同一个清单的一部分?也许它应该只是一个单独的元素?
但是,您可以使用css :last-child
选择器格式化最后一项。如果(仅作为示例)将ul
放在一个框中(可视化),那么您可以使用css-rules将最后一个项目移动到框的下方/外部。
因此,在css中,您可以使用li
将规则应用于所有.right-p li
,并使用:last-child
选择器跟随此规则,以取消最后一项的这些设置。< / p>