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

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

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

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

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

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

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

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

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



답변

p:after {
   content: none;
}

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

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


답변

이후의 컨텐츠를 제거하는 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/


답변

$('p:after').css('display','none');


답변

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

p::after {
   content: none;
}

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

의사 요소MDN 웹 문서에서

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


답변

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


답변

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


답변

p:after {
  content: none;
}

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