Questions tagged «html-lists»

我不确定为什么列出项目时为什么需要使用ul-li而不是简单地使用div。我可以使两者看起来完全一样，因此与创建div相比，创建无序列表的功能优势在哪里？

114 html  html-lists 

标题几乎可以解释这一点。 现在我们有了一个专用<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> 我的意思是，假设我不需要某些CSS定位/填充的额外DOM级别，首选方式是什么，为什么？

114 html  html-lists  nav 

我有一个有序列表，我希望初始数字为6。我发现HTML 4.01 支持（现在不建议使用）。在本规范中，他们说您可以使用CSS指定起始整数。（而不是start属性） 您如何用CSS指定起始编号？

114 html  css  html-lists 

例如，我需要使用星号（★）作为列表项的项目符号。 我已经阅读了CSS3模块：Lists，它描述了如何将自定义文本用作项目符号，但是它对我不起作用。我认为，浏览器根本不支持::marker伪元素。 不使用图像怎么办？

114 html  css  html-lists 

如何将有序列表中的数字左对齐？ 1. an item // skip some items for brevity 9. another item 10. notice the 1 is under the 9, and the item contents also line up 在有序列表中的数字后面更改字符？ 1) an item 还有一种CSS解决方案，可以从数字更改为字母/罗马列表，而不是在ol元素上使用type属性。 我对Firefox 3上的答案最感兴趣。

109 html  css  html-lists  roman-numerals 

如何使用CSS使列表项连续水平显示？ #div_top_hypers { background-color:#eeeeee; display:inline; } #ul_top_hypers { display: inline; } <div id="div_top_hypers"> <ul id="ul_top_hypers"> <li>‣ <a href="" class="a_top_hypers"> Inbox</a></li> <li>‣ <a href="" class="a_top_hypers"> Compose</a></li> <li>‣ <a href="" class="a_top_hypers"> Reports</a></li> <li>‣ <a href="" class="a_top_hypers"> Preferences</a></li> <li>‣ <a href="" class="a_top_hypers"> logout</a></li> </ul> </div> 运行代码段隐藏结果展开摘要

106 html  css  html-lists 

在我的网站上，我使用reset.css。它将精确地添加到列表样式中： ol, ul { list-style: none outside none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, …

90 html  css  html-lists 

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

89 python  reverse  html-lists 

我正在尝试为有序列表中的数字设置样式，我想添加背景颜色，边框半径和颜色，以便它们与我正在使用的设计相匹配： 我想这是不可能的，我将不得不为每个数字使用不同的图像，即 ol li:first-child {list-style-image:url('1.gif')}; ol li:nth-child(2) {list-style-image:url('2.gif');} etc... 有没有更简单的解决方案？

89 html  css  html-lists  sprite 

如何将无序列表居中<li>放置为固定宽度div？ <table width="100%"> <tbody> <tr> <td width="41%"><img src="/web/20100104192317im_/http://www.studioteknik.com/html2/html/images/hors-service.jpg" width="400" height="424"></td> <td width="59%"><p align="left"> </p> <h1 align="left">StudioTeknik.com</h1> <p><br align="left"> <strong>Marc-André Ménard</strong></p> <ul> <li>Photographie digitale</li> <li>Infographie </li> <li>Débug et IT (MAC et PC)</li> <li> Retouche </li> <li>Site internet</li> <li>Graphisme</li> </ul> <p align="left"><span class="style1"><strong>Cellulaire en suisse : </strong></span><a href="#">+41 079 573 48 99</a></p> <p …

88 css  html  html-lists 

我使用嵌套计数器和范围来创建一个有序列表： ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, ".") " "; counter-increment: item } <ol> <li>one</li> <li>two</li> <ol> <li>two.one</li> <li>two.two</li> <li>two.three</li> </ol> <li>three</li> <ol> <li>three.one</li> <li>three.two</li> <ol> <li>three.two.one</li> <li>three.two.two</li> </ol> </ol> <li>four</li> </ol> 运行代码段隐藏结果展开摘要 我希望得到以下结果： 1. one 2. two 2.1. two.one …

87 html  css  html-lists 

我所希望的是能够将列表中项目符号的颜色更改为浅灰色。它默认为黑色，我不知道如何更改它。 我知道我只能使用图像；如果可以的话，我宁愿不这样做。

86 html  css  html-lists 

为HTML列表提供语义标题的正确方法是什么？例如，以下列表具有“标题” /“标题”。 水果 苹果 梨 橙子 应该如何处理“水果”一词，使其在语义上与列表本身相关联？

80 html  html-lists  semantic-markup 

我想知道是否有某种方法可以使用CSS更改li列表中的最后一个CSS属性。我已经研究过使用:last-child，但是这似乎确实有问题，因此无法为我工作。如有必要，我将使用JavaScript进行此操作，但是我想知道是否有人可以考虑使用CSS解决方案。

77 html  css  css-selectors  html-lists 

我有以下标记， <ul id="menu"> <li><a href="#">Something1</a></li> <li><a href="#">Something2</a></li> <li><a href="#">Something3</a></li> <li><a href="#">Something4</a></li> </ul> 该<li>是有点大，在其左边的一个小图像，我必须真正在点击<a>激活链接。如何单击<li>激活链接？ 编辑1： ul#menu li { display:block; list-style: none; background: #e8eef4 url(images/arrow.png) 2% 50% no-repeat; border: 1px solid #b2b2b2; padding: 0; margin-top: 5px; } ul#menu li a { font-weight: bold; text-decoration: none; line-height: 2.8em; padding-right:.5em; color: #696969; }

73 html  css  menu  html-lists  anchor