php - 如何从 CSS 列表样式 :decimal 中删除点 '.'

标签 php html css list html-lists

<分区>

有什么办法可以去除List样式中小数点后面的DOT吗?

我的 CSS

.snum li {list-style:decimal outside none;}

我得到的结果是这样的(不包括 PHP 和 HTML 代码)

1. MILK
2. SOYA
3. BEANS
4. GARLIC

期望的输出应该是这样的。

1 MILK
2 SOYA
3 BEANS
4 GARLIC

最佳答案

您可以通过在每个 <li> 之前将自定义计数器实现为伪元素来实现此目的在您订购的 list 上:

HTML:

<ol>
    <li>STUFF</li>
    <li>Stuff</li>
    <li>Stuff</li>
</ol>

CSS:

ol
{
    list-style: none;
    margin-left: 0;
}

li
{
    counter-increment: custom;
}

ol li:before
{
    content: counter(custom) " ";   
}

ol li:first-child {
    counter-reset: custom;
}

JSFiddle

关于php - 如何从 CSS 列表样式 :decimal 中删除点 '.',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28490537/

相关文章:

php - 如何计算当前行数

javascript - 如何使用php在脚本中动态传递值以生成图形

html - 难以将输入和带边框的文本居中

css - 如何使打印使用桌面媒体查询?

html - 我正在为响应创建 ul li 子菜单,到目前为止我不知道如何为移动设备编写我已经完成了这个

php - PHP 中的 Mysql 空查询 - 我得到了什么?资源编号?

PHP Session Var 不跨页面传输

javascript - 我的数据列表搜索表单不起作用

html - 将一个 div(以及其他)扩展到父容器之外

html - 使用 ie7 将边框应用于组合框时出现问题