Есть ли CSS-селектор для текстовых узлов? - PullRequest
144 голосов
/ 16 апреля 2011

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

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

Что даст текстовый узел на полях.(Это вообще возможно?) Как получить текстовый узел с помощью CSS?

Ответы [ 2 ]

96 голосов
/ 16 апреля 2011

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

43 голосов
/ 16 апреля 2011

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

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

HTML

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

CSS

p#theParagraph
{
    border: 1px solid red;
    padding-bottom: 10px;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...