Есть ли селектор CSS для текстовых узлов?

Что я хотел бы сделать (не в IE явно):

p:not(.list):last-child + :text {
  margin-bottom: 10px;
}

Что даст текст node margin. (Возможно ли это?) Как получить текст node с помощью CSS?

Ответы

Ответ 1

Текстовые узлы не могут иметь поля или любой другой стиль, применяемый к ним, поэтому все, что вам нужно, должно быть в элементе. Если вы хотите, чтобы часть текста внутри вашего элемента была по-разному оформлена, оберните ее в span или div, например.

Ответ 2

Вы не можете ориентировать текстовые узлы с помощью CSS. Я с тобой; Я бы хотел, чтобы ты мог... но ты не можешь :(

Если вы не заключаете текстовый узел в <span> как предлагает @Jacob, вы можете вместо этого дать padding окружающему элементу в отличие от margin:

HTML

<p id="theParagraph">The text node!</p>

CSS

p#theParagraph
{
    border: 1px solid red;
    padding-bottom: 10px;
}