Могу ли я использовать тег типа list-style для div?

Question

Я изучаю CSS. Я знаю, что мы можем использовать атрибут list-style-type для установки маркера списка. Можем ли мы применить этот атрибут к тегу div?

Answer 1

Да, вы можете. Ниже вызывает div тег напоминать себя как элемент списка:

div {display:list-item;} 

Answer 2

Вы можете установить любое свойство CSS на любой HTML-элемент. Фактически, элемент всегда имеет все свойства CSS (с заданным начальным значением как значение, если оно не задано). Однако не все свойства влияют на все элементы при любых обстоятельствах.

В частности, в определении list-style-type property указано: «Применяется к: элементы с« дисплеем: список элементов ». Здесь "относится к" средствам "влияет на рендеринг".

Более того, даже если вы установили display: list-item на div, маркер списка (например, пуля или номер) не будет отображаться, если в нем не будет места слева от содержимого элемента для его размещения. Вы можете расположить пространство, используя свойства поля. Пример:

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