«pseudo-element» 태그된 질문

jQuery를 사용하여 ::before및 ::after(및 세미콜론이있는 이전 버전과 같은) CSS 의사 요소를 선택 / 조작하는 방법이 있습니까? 예를 들어, 내 스타일 시트에는 다음 규칙이 있습니다. .span::after{ content:'foo' } jQuery를 사용하여 'foo'를 'bar'로 변경하는 방법

943 javascript  jquery  css  jquery-selectors  pseudo-element 

필드 에서 :afterCSS 의사 요소 를 사용하려고 input하지만 작동하지 않습니다. 와 함께 사용하면 span정상적으로 작동합니다. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> 이것은 작동합니다 ( "buu!"다음에 "some more"앞에 스마일리를 넣습니다) <span class="mystyle">buuu!</span>a some more 이 방법은 작동하지 않습니다. 일부 값만 빨간색으로 표시되지만 웃는 것은 없습니다. <input class="mystyle" type="text" value="someValue"> 내가 …

686 html  css  pseudo-element  css-content 

다음과 같은 스타일의 요소 목록이 있습니다. ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> 코드 스 니펫 실행결과 숨기기스 니펫 확장 One | Two | Three | Four | Five |대신 출력One | Two …

369 css  css-selectors  pseudo-element 

쓰는 :hover법과 :visited조건은 a:before? 노력하고 a:before:hover있지만 작동하지 않습니다

347 css  css-selectors  pseudo-element  pseudo-class 

이미지를 사용하여 특정 파일 형식에 대한 링크를 장식한다고 가정합니다. 링크를 다음과 같이 선언 할 수 있습니다. <a href='foo.pdf' class='pdflink'>A File!</a> 그런 다음 CSS를 .pdflink:after { content: url('/images/pdf.png') } 이제 pdf.png링크 텍스트에 적합한 크기가 아닌 경우를 제외하고 는 잘 작동 합니다. 브라우저에 :after이미지 크기를 조정하도록 지시 하고 싶지만 인생의 올바른 구문을 …

251 css  pseudo-element 

CSS content속성이 html 코드 대신 문자열 :before또는 :after다음과 같은 요소를 삽입 하도록 할 수 있는지 궁금합니다 . .header:before{ content: '<a href="#top">Back</a>'; } 이것은 매우 편리합니다 ... Javascript를 통해 수행 할 수 있지만 CSS를 사용하면 삶을 더 쉽게 만들 수 있습니다. :)

246 html  css  pseudo-element  css-content 

웹 페이지의 단락 태그 레이아웃에 스위치를 사용하고 싶습니다. 나는 후 의사 요소를 사용합니다. p:after {content: url("../img/paragraph.gif");} 이제이 CSS 코드를 페이지에서 제거해야합니다. 어떻게 이것을 쉽게 할 수 있습니까? 나는 그것을 추가하고 싶다 : jQuery는 이미 페이지에서 사용되었습니다 CSS가 포함 된 파일을 포함하거나 제거하고 싶지 않습니다.

236 javascript  html  css  pseudo-element 

CSS (또는 다른 의사 선택기) :after와 결합하고 싶습니다 :hover. 기본적으로 목록이 있고 selected클래스가있는 항목 에는를 사용하여 화살표 모양이 적용됩니다 :after. 가리키고 있지만 제대로 작동하지 않는 객체에 대해서도 마찬가지입니다. 여기 코드가 있습니다 #alertlist { list-style:none; width: 250px; } #alertlist li { padding: 5px 10px; border-bottom: 1px solid #e9e9e9; position:relative; } #alertlist …

176 css  css-selectors  pseudo-element 

어쨌든 의사에 대한 회전 작업을 content:"\24B6"? 유니 코드 기호를 회전하려고합니다.

159 css  rotation  pseudo-element 

나는 인라인 CSS (에 즉, CSS와 HTML 전자 메일 서명 만들고 있어요 style특성), 그리고는 그것이 사용할 수 있는지 여부에 대한 호기심 :before과 :after의사 요소. 그렇다면 인라인 CSS로 이와 같은 것을 어떻게 구현합니까? td { text-align: justify; } td:after { content: ""; display: inline-block; width: 100%; }

141 html  css  css-selectors  pseudo-element  inline-styles 

CSS 2.1 :after과 CSS 3 ::after의사 선택기 ( ::after구형 브라우저에서 지원되지 않는 것) 사이에는 기능상의 차이가 있습니까? 최신 사양을 사용해야하는 실질적인 이유가 있습니까?

134 css  css-selectors  pseudo-element  pseudo-class 

Modal절대 위치에 있고 부모 위에 Z- 인덱싱되고 JQuery로 멋지게 배치 된 CSS 클래스 가 있습니다. 모달 상자 상단에 캐럿 이미지 (^)를 추가하고 :beforeCSS 의사 선택기를 사용하여 깔끔하게 수행하는 방법을 살펴 보았습니다. 이미지는 절대 위치에 있어야하고 모달 위에 Z- 인덱싱되어야하지만 content속성 의 이미지에 적절한 클래스를 추가 할 방법을 찾지 못했습니다 . …

116 css  modal-dialog  pseudo-element 

:before동일한 요소에 대해 여러 의사 를 가질 수 있습니까? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } jQuery를 사용하여 위의 스타일을 동일한 요소에 적용하려고하는데 가장 최근의 스타일 만 적용되고 둘 다 적용되지는 않습니다.

116 css  css-selectors  pseudo-element  css-content 

IE7 및 IE8은 의사 요소 (예 : ::after또는 ::first-letter)에 대해 이중 콜론 표기법을 지원하지 않으며 최신 브라우저 :after는 이전 버전과의 호환성을 위해 단일 콜론 표기법 (예 :)을 지원하므로 단일 콜론 표기법 만 사용해야하며 IE8의 시장 점유율이 무시할 수있는 수준으로 떨어집니다. 돌아가서 내 코드 기반에서 찾거나 교체합니까? 또는 다음을 모두 포함해야합니다. …

108 css  internet-explorer-8  css-selectors  internet-explorer-7  pseudo-element 

CSS :after속성 의 동작을 이해하는 데 문제가 있습니다. 사양에 따르면 ( here and here ) : 이름에서 알 수 있듯이 :before및 :after의사 요소는 요소의 문서 트리 콘텐츠 앞뒤에 콘텐츠 위치를 지정합니다. 이것은 어떤 요소가 :after(또는 :before) 속성을 가질 수 있는지에 대한 제한을 두지 않는 것 같습니다 . 그러나 특정 요소 …

100 css  pseudo-element