«css-content» 태그된 질문

CSS content 속성을 사용하여 HTML 엔터티를 어떻게 추가 합니까? 이와 같은 것을 사용  하면 비 공백 공간 대신 ​​화면에 인쇄 됩니다. .breadcrumbs a:before { content: ' '; }

1013 html  css  html-entities  css-content 

필드 에서 :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 

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

246 html  css  pseudo-element  css-content 

다음 코드는 작동하지 않습니다. p:before { content: " "; } p:before { content: " "; } 요소의 내용 앞에 공백을 어떻게 추가합니까? 참고 : 의미 론적 사용을 위해 테두리 왼쪽과 여백 왼쪽에 색상을 지정하고 공간을 무색 여백으로 사용해야합니다. :)

118 css  unicode  space  css-content 

: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 

브라우저가 첫 번째 요소에 대해서만 큰 따옴표를 표시하는 이유가 궁금합니다. 두 번째 요소에는 대신 작은 따옴표가 있습니다. a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a href="http://www.amazon.com">Amazon</a> 코드 조각 실행결과 숨기기스 니펫 확장

89 html  css  pseudo-element  css-content