Добавление верхнего края абзаца с помощью одной жирной строки ⇐ CSS
Добавление верхнего края абзаца с помощью одной жирной строки
У меня есть десятки сообщений в блоге, импортированных с сайта Wordpress, где в качестве заголовков использовались одиночные жирные линии (без маркировки их как таковых). Это пример моего контента:
Это заголовок. Я хочу применить CSS к этой строке текста
Но я не хочу, чтобы это применялось здесьили здесь, потому что это абзац.
Все, что мне нужно, — это добавить к этим жирным предложениям отступы, чтобы было понятно, что они являются заголовками раздела.
Я не могу изменить HTML (т. е. изменить его на H3), так как это означало бы просмотр всех сообщений вручную. Чтобы внести изменения, мне нужно придерживаться CSS.
Я попробовал это, и это было довольно хорошее решение. Но это произошло не потому, что небольшой абзац в примере также был выбран, поскольку в нем был только один .
p:has(strong:only-child) { поле сверху: 20 пикселей; } Моя мысль заключалась в том, чтобы найти способ ИСКЛЮЧИТЬ любой , в котором есть «свободный текст», кроме единственного тега . Но я не знаю, как сказать «свободный текст», чтобы использовать его в псевдоселекторе :not().
Я хочу, чтобы это правило затрагивало только это поле: Изображение
Надеюсь, это имеет смысл.
У меня есть десятки сообщений в блоге, импортированных с сайта Wordpress, где в качестве заголовков использовались одиночные жирные линии (без маркировки их как таковых). Это пример моего контента:
Это заголовок. Я хочу применить CSS к этой строке текста
Но я не хочу, чтобы это применялось здесьили здесь, потому что это абзац.
Все, что мне нужно, — это добавить к этим жирным предложениям отступы, чтобы было понятно, что они являются заголовками раздела.
Я не могу изменить HTML (т. е. изменить его на H3), так как это означало бы просмотр всех сообщений вручную. Чтобы внести изменения, мне нужно придерживаться CSS.
Я попробовал это, и это было довольно хорошее решение. Но это произошло не потому, что небольшой абзац в примере также был выбран, поскольку в нем был только один .
p:has(strong:only-child) { поле сверху: 20 пикселей; } Моя мысль заключалась в том, чтобы найти способ ИСКЛЮЧИТЬ любой , в котором есть «свободный текст», кроме единственного тега . Но я не знаю, как сказать «свободный текст», чтобы использовать его в псевдоселекторе :not().
Я хочу, чтобы это правило затрагивало только это поле: Изображение
Надеюсь, это имеет смысл.
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение