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

[Омск]

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

<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]

В 27.02.2018 в 08:11, Омск сказал:

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

<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%;}, но это не сработало. Почему?

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

[Омск]

В 27.02.2018 в 12:43, wwt сказал:

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

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

В 27.02.2018 в 12:44, Super_Saimon сказал:

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

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

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

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

В 06.03.2018 в 16:20, Vladij сказал:

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

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