我有一个无序的[内联]链接列表,包含两行:

<ul>
    <li><a href="http://google.com">Harvard Medical School</a></li>
    <li><a href="http://google.com">Harvard College</a></li>
    ...
</ul>

我通过CSS伪元素添加点分隔符:

#widget-links li { display: inline; }
#widget-links li:after { content: " \00b7"; }

不幸的是,分隔符出现在每行的最后一个元素之后.只有一行,我只需抓住:last-child并删除伪元素.

任何漂亮的技巧隐藏最后一个点多行？如果绝对必要,我会接受奇怪的CSS或JavaScript.

可以说我有一个简单的列表如下:

<ol>
    <li class="count">one</li>
    <li class="count">two</li>
    <li class="count">three</li>
    <li class="count">four</li>
    <li>blabla</li>
    <li class="count">five</li>
    <li class="count">six</li>
    <li>blabla</li>
    <li class="count">seven</li>
</ol>

现在我只想用类'count'对列表项进行编号

所以如果我添加CSS:

li {
    list-style-type: decimal;
}

然后删除没有类的列表项的list-style-type:

li:not(.count) {
    list-style-type: none;
}

我明白了:

小提琴

li {
  list-style-type: decimal;
}
li:not(.count) {
  list-style-type: none;
}

<ol>
  <li class="count">one</li>
  <li class="count">two</li>
  <li class="count">three</li>
  <li class="count">four</li>
  <li>blabla</li>
  <li class="count">five</li>
  <li class="count">six</li>
  <li>blabla</li>
  <li class="count">seven</li>
</ol>

这里显而易见的问题是没有类的列表项也在这里"计算",只是没有显示.

因此,在上面的示例中,列表应编号为7 - 编号跳过没有类的列表项.这可以用CSS完成吗？

我有一个清单:

<ul>
 <li>Number 1</li>
 <li>Number 2</li>
 <li>Number 3</li>
 ...
</ul>

所有的<li>都是浮动的.我需要<ul>盒子的高度.如果我没记错,这是无效的:

<ul>
 <li>Number 1</li>
 <li>Number 2</li>
 <li>Number 3</li>
 ...
 <hr class="clear" />
</ul>

.clear {
   clear: both;
}

我怎样才能做到这一点？列表中的项目数可能不同,因此我无法使用固定高度.

当我尝试<ul>将文本居中在<li>中心但子弹点位于页面的最左侧时.当文本居中时,有没有办法让子弹点与文本保持一致？

#abc{text-align: center; }

<div id="section1">
<div id="abc">
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
<div/>
<div/>

插入<li>...</li>页面而不将项目封入<ul>块中有什么危险？例如:

<div style="border:solid 1px red;">
    <li>Item</li>
    <li>Another Item</li>
    <li>Yet Another Item</li>
</div>

验证是我最不关心的问题,我想知道在浏览器中这可能会破坏最终用户按预期查看页面的能力.

我正在寻找创建一个导航菜单,列表项目在一行中呈现.我该怎么做呢？

为什么我们永远不会将ul元素作为ap元素的子元素？我用以下代码制作了一个网页

<p> some text
<ul>
<li>...</li>
<li>...</li>
.
.
.
</ul>
</p>

这里,ul元素是p元素的子元素.但是,在所有主流浏览器(Chrome,Firefox,Internet Explorer)(所有最新版本)中,它的解释如下

<p> some text</p>
<ul>
<li>...</li>
<li>...</li>
.
.
.
</ul>
<p></p>

我通过右键单击ul元素(在chrome中)并选择inspect元素选项来检查它.我在chrome中看到了它,但其他2个浏览器也表现得相同(css selecter'p ul'并不能很好地工作).

为什么会这样？任何人都可以告诉浏览器发生此类更改的一般情况吗？

我是Markdown的新手.我写的是这样的:

#Table of Contents  
0. Item 0  
1. Item 1  
2. Item 2

但这会产生:

目录

1. 项目0
2. 第1项
3. 第2项

是的,我想从零开始列表.有一个简单的方法吗？

如果没有,我可以简单地重命名我的所有索引,但是当我有几个项目时这很烦人.我不认为我会遇到这个问题,从零开始列表对我来说如此自然就像从零开始一个数组的索引.

所以,我在大学里学习HTML列表,教授说<li>没有结束标记</li>以及其他一些标签,比如<img>和<br>.这是正确与否？因为我在最后看到很多使用标签的模板/主题,许多网站也教你</li>存在,所以我不确定是谁相信以及使用的正确方法是<li>什么？

我之所以这么说是因为上次我们学习了<img>标签,他说alt=""当你悬停鼠标时,该属性会给你一个显示在图像上的文字,当我在这里问到这个时,这就是它的唯一文本.他对那个案子说错了,这也让我对此感到好奇.

谢谢.

有没有办法找到其中浮动的项目(li标签)的数量:设置为左.假设我有大量的文件夹,这些文件夹由标签直观地表示.由于浮动行为一旦不适合单行,它们将被推下来给它行和列看.我的问题是ullili

使用jQuery ..etc有没有办法确定li每行的数量

码

<ul>
 <li>A</li>
 <li>B</li>
 <li>C</li>
 <li>D</li>
 <li>E</li>
 <li>F</li>
 <li>G</li>
 <li>H</li>
 <li>I</li>
 <li>J</li>
</ul>

样式

ul,li{margin:0 0;padding:0 0;}
ul li{display:inline;float:left}

对于我的解决方案,李先生在F上排成一排,其余的排在下面.我想要一个jquery方法来获取第1行中的元素数量(在我的情况下为6).

A B C D E F
G H I J

上下文

我正在添加键盘事件以使用left,right,top,down导航到每个文件夹(li).左边就像突出显示下一个和上一个li一样简单.上下键需要转到下一行和上一行.现在你会得到它:)