Czy mogę użyć znacznika div w stylu list-style?

Question

Studiuję CSS. Wiem, że możemy użyć atrybutu list-style-type do ustawienia znacznika listy. Czy możemy zastosować ten atrybut do znacznika div?

Answer 1

Tak, można. Poniższa powoduje div tag przypominać sobie jak elementu listy:

div {display:list-item;} 

Answer 2

Można ustawić dowolną właściwość CSS na dowolnym elemencie HTML. W rzeczywistości element zawsze ma wszystkie właściwości CSS (z określoną wartością początkową jako wartością, jeśli nie jest ustawiona). Jednak nie wszystkie właściwości mają wpływ na wszystkie elementy we wszystkich okolicznościach.

W szczególności definicja list-style-type property mówi: "Dotyczy: elementy z" display: list-item "". Tutaj "stosuje się do" oznacza "ma wpływ na renderowanie".

Ponadto, nawet jeśli ustawisz display: list-item na div, nie będzie marker lista (jak pocisk lub numeru) widać, chyba że istnieje przestrzeń na lewo od zawartości pierwiastków, aby je pomieścić. Możesz uporządkować przestrzeń za pomocą właściwości marginesu. Przykład:

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