programing

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

sourcetip 2022. 9. 5. 23:39
반응형

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

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

다음 의사 요소를 사용합니다.

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

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

어떻게 하면 쉽게 할 수 있을까요?

덧붙이고 싶은 것은 다음과 같습니다.

  • jQuery가 페이지에서 이미 사용되고 있습니다.

  • 또한 CSS를 포함하는 파일을 포함하거나 삭제하지 않습니다.

p:after {
   content: none;
}

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');

길시언의 답변에서 언급된 바와 같이,none로.content문제를 해결합니다.

p::after {
   content: none;
}

CSS3에서는 W3C에서는 2개의 콜론을 사용하는 것이 권장되고 있습니다(::)와 같은 유사 패킷의 경우::before또는::after.

MDN Web 문서 (Pseudo Elements)에서 다음 절차를 수행합니다.

주의: 원칙적으로 더블콜론(::단일 콜론( ) 대신 을 사용해야 합니다.:) 이것은 의사 클래스와 의사 요소를 구별합니다.단, 이전 버전의 W3C 사양에서는 이 구분이 없었기 때문에 대부분의 브라우저는 호환성을 위해 두 구문을 모두 지원합니다.주의:::selection항상 더블콜론으로 시작해야 합니다.(::).

이것은, 실제로 의사 셀렉터에 의해서 추가되는 것에 의해서 다릅니다.사용자 상황에서 콘텐츠 설정:""하지만 경계선이나 배경 등을 설정하는 경우에는 특별히 0을 지워야 합니다.내가 아는 한, 어떤 것이든 간에 전/후 요소의 모든 것을 제거할 수 있는 유일한 치료법은 없다.

*::after {
   content: none !important;
}
*::before {
   content: none !important;
}

몇 분 전에 같은 문제가 있었는데content:none;작업을 하지 않고 추가했다.content:none !important;그리고.display:none !important;나를 위해 일했다

p:after {
  content: none;
}

이 방법으로, 이 시스템을:after같은 방법으로 할 수 있습니다.:before

언급URL : https://stackoverflow.com/questions/3012716/css-how-to-remove-pseudo-elements-after-before

반응형