Jump to content
  • 0

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


Омск
 Share

Question

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

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

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0
В 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>. Закройте и все будет опля

Link to comment
Share on other sites

  • 0
В 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> закрытый, я не весь код скопировал сюда

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy