css - 我可以使用 list-style-type 到 div 标签吗？

Question

我一直在学习CSS。我知道我们可以使用list-style-type属性来设置列表标记。我们可以将该属性应用于div标签吗？

Answer 1

是的你可以。以下导致div标签类似于列表项：

div {display:list-item;}

Answer 2

您可以在任何 HTML 元素上设置任何 CSS 属性。事实上，一个元素总是具有所有的 CSS 属性（如果没有设置，则以定义的初始值作为值）。但是，并非所有属性都对所有情况下的所有元素都有影响。

特别是，该list-style-type属性的定义说：“<em>Applies to: elements with 'display: list-item'”。这里“适用于”的意思是“对渲染有影响”。

此外，即使您设置display: list-item了 a div，也不会看到列表标记（如项目符号或数字），除非元素内容的左侧有空间来容纳它。您可以使用边距属性安排空间。例子：

div {
  display: list-item;
  margin-left: 1.3em;
  list-style-type: circle;   
}