我可以使用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属性的定义是:" 适用于:带有'display:list-item'的元素".这里"适用于"意味着"对渲染产生影响".

此外,即使您设置display: list-item了a div,也不会有列表标记(如子弹或数字),除非元素内容左侧有空间来容纳它.您可以使用保证金属性来安排空间.例:

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