Css 我怎样才能得到一个HTML定义列表来遵守列表样式类型样式规则？_Css

Css 我怎样才能得到一个HTML定义列表来遵守列表样式类型样式规则？

css

Css 我怎样才能得到一个HTML定义列表来遵守列表样式类型样式规则？,css,Css,所以我在为客户的网页设计做标记。该页面是一个常见问题页面，其中每个常见问题部分都有一个问题和答案列表。此场景中最合适的语义标记是html定义列表客户机的模型还显示了每个问题/答案对旁边的数字，如有序列表因此，我自然认为我应该使用元素标记内容，并使用CSS添加列表样式类型：decimal。然而，这完全被忽视了是因为元素不能接受列表样式吗？这看起来非常倒退，毕竟它是一个列表元素还是我的标记有问题下面是我的CSS和HTML代码示例： dl{list style:decimal；} Q：我

所以我在为客户的网页设计做标记。该页面是一个常见问题页面，其中每个常见问题部分都有一个问题和答案列表。此场景中最合适的语义标记是html定义列表

客户机的模型还显示了每个问题/答案对旁边的数字，如有序列表

因此，我自然认为我应该使用

元素标记内容，并使用CSS添加

列表样式类型：decimal

。然而，这完全被忽视了

是因为

元素不能接受列表样式吗？这看起来非常倒退，毕竟它是一个列表元素

还是我的标记有问题

下面是我的CSS和HTML代码示例：

dl{list style:decimal；}


Q：我该怎么做？
A:你就这么做，好吗？需要更详细的解释吗？试试这个：你就这么做，好吗？需要更详细的解释吗？试试这个：你就这么做，好吗？需要更详细的解释吗？试试这个：你就这么做，好吗？需要更详细的解释吗？试试这个：
Q：我如何做其他事情？
A:你就这么做，好吗？需要更详细的解释吗？试试这个：你就这么做，好吗？需要更详细的解释吗？试试这个：你就这么做，好吗？需要更详细的解释吗？试试这个：你就这么做，好吗？需要更详细的解释吗？试试这个：

来自：

列表样式类型CSS属性指定列表项的外观元素。由于它是唯一默认显示：列表项的用户，因此通常是

元素，但可以是具有此显示的任何元素价值观

您可以将

display:list item

应用于CSS中的

dt

元素，然后还可以将

列表样式类型

选项应用于该元素

dt.want-be-list{
显示：列表项；
列表样式类型：方形；
}

改用Ol（有序列表），样式应该有效（ul表示无序）。

尝试以下方法：


如果一个木夹头能扔木头，一个木夹头能扔多少木头？
1,000,000
空载燕子的空气速度是多少？
什么意思？非洲燕子还是欧洲燕子？
小鸡为什么过马路？
到另一边
.常见问题{
计数器重置：我的坏家伙计数器；
}
.faq dd{
利润率：0.50px；
}
.faq dt：以前{
内容：计数器（我的坏蛋计数器，十进制）；
计数器增量：我的坏蛋计数器；
字体：粗体50px/1无衬线；
左：0；
位置：绝对位置；
排名：0；
}
.faq dt、.faq dd{
左侧填充：50px；
}
.faq dt{
字体：粗体16px格鲁吉亚；
填充：4px 0 10px；
位置：相对位置；
}

从您可以看到它正在工作

OP没有使用

。谢谢，但是

元素在语义上最准确地描述了内容，因此我不想寻找涉及更改标记的解决方案。我正在用CSS寻找解决方案。@JoelGlovier您可以始终使用您的（在此处插入语言）并在每行前面添加一个id的编号（来自数据库，由该id指定），该编号与：完美！谢谢云先生。

<html>

<dl class="faq">
    <dt>How much wood would a wood chuck chuck if a wood chuck could chuck wood?</dt>
    <dd>1,000,000</dd>
    <dt>What is the air-speed velocity of an unladen swallow?</dt>
    <dd>What do you mean? An African or European swallow?</dd>
    <dt>Why did the chicken cross the road?</dt>
    <dd>To get to the other side</dd>
</dl>

<css>

.faq {
    counter-reset: my-badass-counter;
}
.faq dd {
    margin: 0 0 50px;
}
.faq dt:before {
    content: counter(my-badass-counter, decimal);
    counter-increment: my-badass-counter;
    font: bold 50px/1 Sans-Serif;
    left: 0;
    position: absolute;
    top: 0;
}
.faq dt, .faq dd {
    padding-left: 50px;
}
.faq dt {
    font: bold 16px Georgia;
    padding: 4px 0 10px;
    position: relative;
}