Tag: html lists

子弹消失与CSS3列: 当我将它们转换为使用CSS3的列时，我列表项目上的项目符号消失。任何想法为什么或build议如何纠正？看例子： http : //jsfiddle.net/gduDm/1/ ul li { list-style-type: disc !important; column-break-inside: avoid; } ul { list-style-type: disc !important; margin-top: 1em; column-count: 2; column-gap: 0.5em; }

我可以在列表项中使用div吗？: 为什么当我在<li>使用<div>时，以下代码是有效的？ <ul> <li class="aschild"> <div class="nav">Test</div> </li> </ul>

为HTML中的列表提供标题，标题或标签的最佳实践: 为HTML列表提供标题的最佳方法是什么？例如水果苹果梨橙子应该如何处理“水果”一词，特别是如果我想要它在语义上与名单本身相关？

更改最后<li>的CSS: 我想知道是否有一些方法来改变CSS列表中的最后一个li的CSS属性。我已经看着使用:last-child ，但这似乎很奇怪，我不能让它为我工作。如果有必要，我将使用JavaScript来做到这一点，但我想知道是否有人可以想出一个CSS解决scheme。

我应该在<nav> s中使用<ul>和<li>吗？: 标题几乎可以解释它。现在我们有一个专用的<nav>标签，这是： <nav> <ul> <li><a href="#foo">foo</a></li> <li><a href="#bar">bar</a></li> <li><a href="#baz">baz</a></li> </ul> </nav> 比以下更好吗？ <nav> <a href="#foo">foo</a> <a href="#bar">bar</a> <a href="#baz">baz</a> </nav> 我的意思是，假设我不需要一个额外的DOM级别的一些CSS定位/填充，什么是首选的方式，为什么？

在Python中创build“反向”列表的最佳方法是什么？: 在Python中，创build一个新列表的最好方法是什么，其中的项目与其他列表中的项目相同，但顺序相反？（我不想修改现有的列表。）这是我遇到的一个解决scheme： new_list = list(reversed(old_list)) 也可以复制old_list然后反转重复的地方： new_list = list(old_list) # or `new_list = old_list[:]` new_list.reverse() 有没有更好的select，我忽略了？如果不是，是否有一个令人信服的理由（如效率）使用上述方法之一？

如何显示两列中的无序列表？: 使用下面的HTML，将列表显示为两列最简单的方法是什么？ <ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li> <li>E</li> </ul> 期望的显示： AB CD E 该解决scheme需要能够在Internet Explorer上工作。

有没有办法把列表分成列？: 我的网页有一个“瘦”的列表：例如，一个长度为100个单词的列表。为了减less滚动，我想在页面上显示两个甚至四个列的列表。我应该如何做到这一点与CSS？ <ul> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> </ul> 我更喜欢解决scheme是灵活的，所以如果列表增长到200个项目，我不必做很多的手动调整，以适应新的列表。

如何通过CSS在UL / LI html列表中设置Bullet颜色，而不使用任何图像或span标签: 想象一下包含一些<li>项目的简单未sorting列表。现在，我已经通过list-style:square;定义了子弹正方形list-style:square; 但是，如果我使用颜色设置<li>项目的color: #F00; 那么一切都变红了！虽然我只想设置方形子弹的颜色。有没有一个优雅的方式来定义在CSS中的项目符号的颜色… …不使用任何精灵图像或跨度标签！ HTML <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <ul> CSS li{ list-style:square; }

正确的方法来使HTML嵌套列表？: W3文档有一个嵌套列表示例，前面加上了“DEPRECATED EXAMPLE：” – 但是他们从来没有用一个没有废弃的例子来纠正它，也没有解释到底是什么问题。所以我还想知道，这两种方法中的哪一种是写出HTML列表的更正确的方法？选项1 :(嵌套<ul>是父<ul>的子<ul> ） <ul> <li>List item one</li> <li>List item two with subitems:</li> <ul> <li>Subitem 1</li> <li>Subitem 2</li> </ul> <li>Final list item</li> </ul> 或者选项2 :(嵌套的<ul>是它所属的<li>一个子<li> ） <ul> <li>List item one</li> <li>List item two with subitems: <ul> <li>Subitem 1</li> <li>Subitem 2</li> </ul> </li> <li>Final list item</li> </ul>