Стилизация абзацев НЕ предшествует элемент уровня заголовка

Question

Интересно, возможно ли оформить абзац, которому не предшествует заголовок?

Полагаю, правило выглядело бы примерно так:

  p (direction for "without/not preceded by") h1, h2, h3, h4, h5, h6 {

Или ... правило должно быть написано для обратного:

  h1, h2, h3, h4, h5, h6 + p {

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

С уважением, Dale

Answer 1

Я почти уверен, что вы должны написать противоположное, как вы описали. Однако два важных момента:

1. Первое решение, которое приходит мне в голову, это использование :not или псевдокласса отрицания . Однако для этого требуется простой селектор, поэтому

   :not(h1, h2, h3, h4, h5, h6) + p
   

   будет незаконным.

2. Поскольку вы написали свой второй селектор, термин + p относится только к h6; вставьте его в SelectORacle , чтобы увидеть. Правильный селектор будет

   h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p
   

Answer 2

Спасибо за предложения, ребята.

Я чувствовал, что есть какой-то селектор, который бы справился с этой работой, но это выглядит очень хитроумно.

Я пойду с:

 p {

и затем ниже в каскаде:

 h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {

Раздражает, что

 p {

является скорее исключением, чем правилом: D

Answer 3

Конечно. Разместите все свои абзацы так, как вы бы хотели, чтобы они выглядели без заголовков перед ними:

p {//styles here}

Затем, далее вниз в таблице стилей, добавьте стили для абзацев с предшествующими заголовками:

h1 + p, h2 + p, etc {//styles here}

Обычные абзацы будут оформлены так, как вы хотите. Те, которые имеют предшествующие заголовки, получат более поздние стили.

РЕДАКТИРОВАТЬ: я должен добавить, что более поздние стили будут наследоваться от более ранних стилей, поэтому вам нужно будет перезаписать определенные правила ... например, если у вас есть background-color: red на всех ваших тегах p, но вы этого не делаете Вы хотите красный фон на p, которому предшествует h, затем вам нужно установить для background-color значение none или другой цвет и т. д.