标签: html-lists

为HTML列表提供语义标题的正确方法是什么？例如,以下列表具有"标题"/"标题".

水果

• 苹果
• 梨
• 橙子

应该如何处理"水果"这个词,以便它在语义上与列表本身相关联？

如何减少项目符号和文本之间的默认差距<li>？

• 第1项
• 第2项
• 第3项

我想减少子弹和"我"之间的差距.

为什么以下代码在我使用<div>内部时有效<li>？

<ul>
    <li class="aschild">
        <div class="nav">Test</div>
    </li>
</ul>

我有以下标记,

<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>激活链接？

EDIT1:

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;
}

是否有任何CSS选择器仅将某些样式附加到有序列表的数字部分？

我有HTML像:

<ol>
   <li>a</li>
   <li>b</li>
   <li>c</li>
</ol>

哪个应该输出:

1.a
2.b
3.c

我需要制作1.,2.和3. 粗体,同时留下a,b,c常规.

我知道<span>解决方法......

<ol>
   <li>test</li>
   <li>test</li>
</ol>

将显示为:

1. 测试
2. 测试

我希望彩色数字和文字黑色!

我可以编辑css,但我无法访问HTML.

我正在进行一些单元测试,我想知道是否有任何方法可以测试列表是否按其包含的对象的属性排序.

现在我这样做,但我不喜欢它,我想要一个更好的方法.有人可以帮帮我吗？

// (fill the list)
List<StudyFeedItem> studyFeeds = 
    Feeds.GetStudyFeeds(2120, DateTime.Today.AddDays(-200), 20);   

StudyFeedItem previous = studyFeeds.First();

foreach (StudyFeedItem item in studyFeeds)
{
    if (item != previous)
    {
        Assert.IsTrue(previous.Date > item.Date);
    }

    previous = item;
}

我有一个html Ordered列表,类型设置为"A"

<ol type="A">...</ol>

因此,每个列表项将以A,B,C等开头.

我想将A,B,C字母的样式设为粗体.我试过设置font-weight:bold; 通过CSS,但它没有奏效.有关如何做到这一点的任何建议？

我有以下HTML:

<ul>
  <li>A
    <ul>
      <li>subsection</li>
    </ul>
  </li>
  <li>B
    <ul>
      <li>subsection</li>
    </ul>
  </li>
  <li>C
    <ul>
      <li>subsection</li>
    </ul>
  </li>
</ul>

使用jQuery,我如何定位第一级<li>s？

例如,我需要将字体粗体显示为悬停在<li>带有字母A,B和C 的s上,但不要将该字体样式应用于嵌套的<li>s(带有名称子部分).

如果你想使用它,这是一个初始的jsfiddle DEMO.

谢谢.

编辑 -

解:

儿童选择者,这就是答案.

不需要jQuery,这可以使用CSS完成.

这是更新的DEMO

编辑 -这是一个更清晰的演示

谢谢,

我认为这个问题的答案是否定的......但有没有人知道一种HTML/CSS方式来创建一个有序列表而没有一段时间后的数字？或者,或者,指定分隔符？

理想情况下,我不想为每个数字使用不同的类进行list-style-image,但这是我迄今为止所能想到的......这看起来非常不合情理.

IE:

Default Style:
1. ______
2. ______
3. ______

Desired Style:
1  ______
2  ______
3  ______

Alternate Style:
1) ______
2) ______
3) ______