Как сделать нумерацию в списке "жирной" ?

@atorvik · Регистрация: 18.12.2019

Студворк — интернет-сервис помощи студентам

Есть вот такой вот список (вывод слева, задание справа):

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body style="background-color: #f5f5f5">
    <div
      style="
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-weight: bold;
        margin-bottom: 1em;
      "
    >
      Contents
    </div>
 
    <dev style="font-family: sans-serif">
      <ol style="list-style: upper-roman;">
        <li>History</li>
        <ol>
          <li>Development</li>
          <li>HTML versions timeline</li>
          <ol style="list-style: lower-alpha">
            <li>HTML draft version timeline</li>
            <li>XHTML versions</li>
          </ol>
        </ol>
        <li>Markup</li>
        <ol>
          <li>Elements</li>
          <ol style="list-style: lower-alpha">
            <li>Element examples</li>
            <li>Attributes</li>
          </ol>
          <li>Character and entity references</li>
          <li>Data types</li>
          <li>Document type declaration</li>
        </ol>
        <li>Semantic HTML</li>
        <li>Delivery</li>
        <ol>
          <li>HTTP</li>
          <li>HTML e-mail</li>
          <li>Naming conventions</li>
          <li>HTML Application</li>
        </ol>
        <li>HTML4 variations</li>
        <ol>
          <li>SGML-based versus XML-based HTML</li>
          <li>Transitional versus strict</li>
          <li>Frameset versus transitional</li>
          <li>Summary of specification versions</li>
        </ol>
        <li>HTML5 variants</li>
        <ol>
          <li>WHATWG HTML versus HTML5</li>
        </ol>
        <li>Hypertext features not in HTML</li>
        <li>WYSIWYG editors</li>
        <li>See also</li>
        <li>References</li>
        <li>External links</li>
      </ol>
    </dev>
  </body>
</html>

1. Как сделать нумерацию в списке "жирной" ?
2. Как задать отдельно, в списке, цвет текста от нумерации ?
Заранее благодарен.

@gogolik · 06.04.2023, 21:02

CSS
1
2
3
4
li::marker {
    color: yellow;
    font-weight: 700;
}

@mr_dramm · 06.04.2023, 21:05

CSS
1
2
3
ol > li::marker {
  font-weight: bold;
}

Добавлено через 37 секунд
пока чекал кэн ай юс меня обскакали =)

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

Как сделать нумерацию в списке "жирной" ?

Решение

Решение