Жирный шрифт в стиле CSS в абзаце для цвета, но не в заголовке

avatar
RMaxwell87
8 августа 2021 в 19:04
562
1
1

У меня есть html-документ с определенными настройками шрифта для каждой части документа.

У меня есть 3 заголовка и абзац; Мне нужно, чтобы полужирный шрифт в абзаце был красным. Я создал отдельный файл css для своих стилей, и это мой код для этого файла. Как сделать жирный шрифт в абзаце красным, не затрагивая жирный шрифт в заголовке?

h1  {
    color: blue;
    text-align: center;
}

h2  {
    color: green;
    text-align: center;
}

h3  {
    color: red;
    text-align: center;
    text-decoration: underline;
}

p   {
    color: blue;
    font-family: arial;
    font: large;
    text-align: justify;
}

span.Italicize  {
    font-style: italic;
    color: green;
}

b   {
    color: red;
}

span#RedObject {
    color: red;
}

enter image description here

Это файл HTML, который я создаю для этого CSS, для которого я не могу изменить.

</head>
<body>

<h1>Level 1 heading is <b>BLUE</b> and center aligned.</h1>
<h2>Level 2 heading is <b>GREEN</b> and center aligned.</h2>
<h3>Level 3 heading is <b>RED</b>  center aligned and underlined.</h3>

<p>
The text paragraph should be blue,
using Arial font of large size.
In CSS, we should specify font-size: 
<span class="Italicize">large</span>.
But for making italic in CSS, use font-style: 
<span class="Italicize">italic</span>.
Any text designated to be <b> bold </b> in the paragraph 
should also become <span id="RedObject">RED</span>.
</p>

</body>
</html>
Источник
RMaxwell87
8 августа 2021 в 19:06
0

Это настоящий HTML-файл.

Ответы (1)

avatar
PHP Master
8 августа 2021 в 19:16
1

Вы можете добавить это в свой файл css:

p b {
    color: red;
}

Этот код окрашивает каждый тег <b>, находящийся внутри тега <p>

.
RMaxwell87
8 августа 2021 в 19:18
0

Ничего себе, это было слишком просто и прямо в моем лице. Спасибо!