Добавление верхнего края абзаца с помощью одной жирной строкиCSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Гость
 Добавление верхнего края абзаца с помощью одной жирной строки

Сообщение Гость »


У меня есть десятки сообщений в блоге, импортированных с сайта Wordpress, где в качестве заголовков использовались одиночные жирные линии (без маркировки их как таковых). Это пример моего контента:

Это заголовок. Я хочу применить CSS к этой строке текста

Но я не хочу, чтобы это применялось здесьили здесь, потому что это абзац.

Все, что мне нужно, — это добавить к этим жирным предложениям отступы, чтобы было понятно, что они являются заголовками раздела.

Я не могу изменить HTML (т. е. изменить его на H3), так как это означало бы просмотр всех сообщений вручную. Чтобы внести изменения, мне нужно придерживаться CSS.

Я попробовал это, и это было довольно хорошее решение. Но это произошло не потому, что небольшой абзац в примере также был выбран, поскольку в нем был только один .

p:has(strong:only-child) { поле сверху: 20 пикселей; } Моя мысль заключалась в том, чтобы найти способ ИСКЛЮЧИТЬ любой , в котором есть «свободный текст», кроме единственного тега . Но я не знаю, как сказать «свободный текст», чтобы использовать его в псевдоселекторе :not().

Я хочу, чтобы это правило затрагивало только это поле: Изображение

Надеюсь, это имеет смысл.
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «CSS»