¿Cómo puedo anidar una lista desordenada en una lista ordenada en vue 2? Yo he tratado
<template> <div class="p-14"> <ol class="numberlist"> <li>An numbered list</li> <li>Containing <ul class="sqaredotlist"> <li>A dotted list</li> <li>Containing <ol class="romanlist"> <li>A roman numeral list</li> <li>And some items</li> <li>Like this</li> </ol> </li> <li>And some items</li> <li>Like this</li> </ul> </li> <li>And some items</li> <li>Like this</li> </ol> </div> </template> <script> export default { } </script> <style scoped> ol.numberlist { list-style-type: decimal; } ul.sqaredotlist { list-style-type: square; } ol.romanlist { list-style-type: lower-roman; } </style>pero eso me da. Parece que los elementos desordenados se interpretan como ordenados.
1. An numbered list. 2. Containing 1. A dotted list 2. Containing 1. A roman numeral list 2. And some items 3. Like this 3. And some items 4. Like this 3. And some items 4. Like thisSin las clases css obtengo el mismo resultado. Si alguien sabe cómo anidar una lista desordenada en una lista ordenada, ¡por favor ayúdeme!
Tal vez un archivo diferente en su directorio esté afectando este archivo Vue. ¿Hay una hoja de estilo 'global' en su proyecto? Tal vez esa hoja de estilo dice:
li { list-style-type: decimal !important; }