Нужно сделать жирными только пункты в списке, а жирнеют еще и подпункты

[Омск]

Есть вот такой список:

<ol>
     <li id="st">Пункт 1</li>
     <li><strong>Пункт 2</strong>
<ul id="otstup" type="disc">
     <li>Подпункт 1</li>
     <li>Подпункт 2</li>
     <li>Подпункт 3</li>
     <li>Подпункт 4</li>
     <li>Подпункт 5</li>
</ul>
</li>

Хотел в Пункт 2 прописать id="st", но этот стиль применяется и к подпунктам, т.к. они находятся внутри него, пришлось там написать strong, но так цифра жирным шрифтом не становится.

В пункте 1 все нормально, т.к. он закрытый и в нем нет подпунктов. Как применить идентификатор к Пункту 2, чтобы он не применился к его подпунктам?

Это список, который будет в содержании статьи. Мне еще нужно задать всем тегам ol, которые будут в самой статье, отступ, я в style.css написал: ol {margin-left: 5%;}, но это не сработало. Почему?

[wwt]

как вариант https://jsfiddle.net/nupv5ara/

[Super_Saimon]

margin-left в процентах берется на основании ширины родительского блока. Проверьте этот параметр у родительских блоков. 

[Vladij]

  On 2/27/2018 at 6:11 AM, Омск said:

Есть вот такой список:

<ol>
     <li id="st">Пункт 1</li>
     <li><strong>Пункт 2</strong>
<ul id="otstup" type="disc">
     <li>Подпункт 1</li>
     <li>Подпункт 2</li>
     <li>Подпункт 3</li>
     <li>Подпункт 4</li>
     <li>Подпункт 5</li>
</ul>
</li>

Хотел в Пункт 2 прописать id="st", но этот стиль применяется и к подпунктам, т.к. они находятся внутри него, пришлось там написать strong, но так цифра жирным шрифтом не становится.

В пункте 1 все нормально, т.к. он закрытый и в нем нет подпунктов. Как применить идентификатор к Пункту 2, чтобы он не применился к его подпунктам?

Это список, который будет в содержании статьи. Мне еще нужно задать всем тегам ol, которые будут в самой статье, отступ, я в style.css написал: ol {margin-left: 5%;}, но это не сработало. Почему?

Expand  

тут короч бида, не закрытый <ol>. Закройте и все будет опля

[Омск]

  On 2/27/2018 at 6:43 AM, wwt said:

как вариант https://jsfiddle.net/nupv5ara/

Expand  

Спасибо, так работает. 

  On 2/27/2018 at 6:44 AM, Super_Saimon said:

margin-left в процентах берется на основании ширины родительского блока. Проверьте этот параметр у родительских блоков. 

Expand  

Не нашел, какие данные у родительского блока, я пробовал написать padding-left, тоже не работает. 

Дополнил строку: .submenu > li {font-weight: normal; padding-left: 150px;} - не появляется отступ, а когда прописываю в меню отступ: .menu > li {font-weight: bold; padding-left: 150px;}, то делается отступ у всего меню, что не нужно.

Как сделать отступ у подменю?

  On 3/6/2018 at 10:20 AM, Vladij said:

тут короч бида, не закрытый <ol>. Закройте и все будет опля

Expand  

<ol> закрытый, я не весь код скопировал сюда