CSS : 의사 요소를 제거하는 방법 (후, 전,…)?


236

웹 페이지의 단락 태그 레이아웃에 스위치를 사용하고 싶습니다.

나는 후 의사 요소를 사용합니다.

p:after {content: url("../img/paragraph.gif");}

이제이 CSS 코드를 페이지에서 제거해야합니다.

어떻게 이것을 쉽게 할 수 있습니까?

나는 그것을 추가하고 싶다 :

  • jQuery는 이미 페이지에서 사용되었습니다

  • CSS가 포함 된 파일을 포함하거나 제거하고 싶지 않습니다.


답변:


455
p:after {
   content: none;
}

none 은 지정된 경우 내용을 아무것도 설정 하지 않는 공식적인 값입니다.

http://www.w3schools.com/cssref/pr_gen_content.asp


2
패딩과 여백이 설정되어 있어도 다른 컨텐트 관련 스타일이 실제로 지워지나요?
라이언 윌리엄스

이것이 정답입니다. 컨텐츠 사용 : ''; 이전에 설정된 컨텐츠 속성을 대체하려고 할 때 예기치 않은 결과가 발생할 수 있습니다.
Roy Milder

그냥 할 수 없어 display: none?
MDTech.us_MAN

@ MDTech.us_MAN 예, "display : none"을 수행 할 수 있지만 DOM 트리에는 계속 유지됩니다. 내용 설정 : 아무도 DOM 트리에 넣지 않습니다 (Chrome의 DOM 관리자를 통해 확인할 수 있음)
kumarharsh

29

이후의 컨텐츠를 제거하는 CSS 규칙을 추가해야합니다 ( 클래스를 통해 ).


업데이트를 일부 유효한 의견으로 인해.

:after규칙 을 완전히 제거 / 비활성화하는보다 올바른 방법은 규칙을 사용하는 것입니다

p.no-after:after{content:none;}

질리안 소호 웡 대답했다 .


원래 답변

이후의 컨텐츠를 제거하는 CSS 규칙을 추가해야합니다 ( 클래스를 통해 ).

p.no-after:after{content:"";}

p이 라인을 원할 때 클래스를 추가하십시오.

$('p').addClass('no-after'); // replace the p selector with what you need...

실제 예 : http://www.jsfiddle.net/G2czw/



9

으로는 질리안의 대답에 언급 된 할당 nonecontent해결할 수있는 문제 문제 :

p::after {
   content: none;
}

에 있습니다 CSS3 , W3C는 두 개의 콜론 (사용 권장 ::을위한) 의사 요소를 같은 또는 .

의사 요소MDN 웹 문서에서

참고 : 일반적으로 ::단일 콜론 ( :) 대신 이중 콜론 ( )을 사용해야합니다 . 이것은 의사 클래스와 의사 요소를 구별합니다. 그러나 이전 버전의 W3C 사양에는 이러한 차이점이 없었으므로 대부분의 브라우저는 호환성을 위해 두 구문을 모두 지원합니다. 주 ::selection항상 이중 콜론으로 시작해야합니다 ( ::).


5

이것은 의사 선택기에 의해 실제로 추가되는 것에 달려 있습니다. 상황에 따라 콘텐츠를 설정 ""하면 제거되지만 테두리 또는 배경 등을 설정하는 경우 구체적으로 0을 설정해야합니다. 내가 아는 한, 이전 / 이후 요소에 대한 모든 것을 제거 할 치료법은 없습니다.


0

몇 분 전에 같은 문제가 있었고 그냥 일 content:none;하지 않고 추가 content:none !important;하고 display:none !important;나를 위해 일했습니다.


-3
p:after {
  content: none;
}

이것은를 제거하는 방법 :after이며 동일한 작업을 수행 할 수 있습니다:before


1
이 답변은 몇 년 전에 현재 받아 들여진 솔루션과 동일한 솔루션을 반복하는 것으로 보입니다. 추가 할 내용이 있다고 생각되면 원래 답변에 대한 의견으로 남겨주세요. 또는 다른 해결책이 있다면 왜 다른지 설명하십시오.
MTCoster
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.