[css] 텍스트 노드를위한 CSS 선택기가 있습니까?

IE에서 분명히하고 싶지 않은 것은 다음과 같습니다.

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

텍스트 노드에 여백이 생깁니다. (그것도 가능합니까?) CSS로 텍스트 노드를 어떻게 얻습니까?



답변

텍스트 노드에는 여백이나 다른 스타일을 적용 할 수 없으므로 스타일을 적용해야하는 모든 요소가 요소에 있어야합니다. 요소 내부의 일부 텍스트 스타일을 다르게하려면 예를 들어 span또는로 감싸십시오 div.


답변

CSS를 사용하여 텍스트 노드를 대상으로 지정할 수 없습니다. 난 너와 함께있어; 나는 당신이 할 수 있었으면 좋겠다.

<span> @Jacob suggests와 같은 텍스트 노드를 감싸지 않으면 대신 다음 과 같이 주변 요소 padding를 제공 할 수 있습니다 margin.

HTML

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

CSS

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


답변