Как обратится к тексту без тегов?

Чтобы обратиться к тексту без тегов в CSS, вам понадобится использовать псевдоэлементы ::before и ::after.

Существует несколько способов обратиться к тексту без тегов в CSS:

1. Используя псевдоэлемент ::before:

p::before {
  content: "";
}

В этом примере мы используем псевдоэлемент ::before с свойством content равным пустой строке. Это позволяет вставить пустой элемент перед содержимым каждого <p> тега, фактически обращаясь только к тексту без тегов.

2. Используя псевдоэлемент ::after:

p::after {
  content: "";
}

В этом примере мы используем псевдоэлемент ::after с той же пустой строкой свойства content, чтобы вставить пустой элемент после содержимого каждого <p> тега, обращаясь только к тексту без тегов.

3. Используя комбинацию псевдоэлементов ::before и ::after:

p::before,
p::after {
  content: "";
}

В этом примере мы объединяем две псевдоэлемента ::before и ::after с помощью запятой, чтобы вставить пустые элементы как перед, так и после содержимого каждого <p> тега, таким образом полностью обращаясь только к тексту без тегов.

4. Используя псевдокласс :only-child:

p:only-child {
  content: "";
}

В этом примере мы используем псевдокласс :only-child, чтобы обратиться только к элементам <p>, которые являются единственным дочерним элементом родительского элемента. Затем мы используем свойство content с пустой строкой для вставки пустого элемента перед или после этого текста без тегов.

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