Использование уль Внутри ола

Question

Я пытаюсь написать правильный HTML, однако это не удается:

<ol> 
<li>First</li> 
<li>Second</li> 
<ul> 
    <li>First of second</li> 
</ul> 
</ol> 

Это проваливает при создании документации. Он говорит:

error: tag not allowed here: <ul> 

Желаемый результат должен быть такой:

1. Первых
2. Второго
• Первых второго

Разве это не действует до определить ul внутри ol?

Answer 1

Оберните ul в li, как только действительные дети ul и ol являются li.

Если вы не хотите пулю, чтобы показать, вы можете исключить их с помощью класса

HTML:

<ol> 
    <li>First</li> 
    <li>Second</li> 
    <li class="no-bullet"> 
    <ul> 
     <li>First of second</li> 
    </ul> 
    </li> 
    <li>Third</li> 
</ol> 

CSS:

.no-bullet { 
    list-style: none; 
} 

fiddle

Если вы не хотите использовать CSS, используйте встроенные стили или type атрибут:

<li style="list-style: none;">Item</li> 

ИЛИ

<li type="none">Item</li> 

Answer 2

Поместите неупорядоченный список ul внутри элемента списка li,

<ol> 
<li>First</li> 
<li>Second 
    <ul> 
    <li>First of second</li> 
    </ul> 
</li> 
<li>Third</li> 
</ol> 

fiddle