pseudo-element

1열

1답변

내 코드에 문제가 있습니까? 종횡비를 padding-bottom으로 유지하는 대신 내부 div (두 개)가 외부 div를 채우는 이유는 무엇입니까? 당신이 당신의 one:before 플로트를 취소하지 않기 때문에 .one { position: relative; background: #990000; background-s

-1열

1답변

span 태그 대신 "before"와 "after"CSS 의사 요소를 사용하는 이유는 무엇입니까?

나는 그것을 연구했고 내가 아는 한 CSS pseudo-elements :: before와 :: after는 부모 요소에 중첩 된 span 태그처럼 동작한다. 나는 그들이 매우 유용 할 수도 있고 어떤 경우에는 꼭 필요한 것일 수도 있다는 것을 읽었습니다. 사실이라면 부모 요소에 중첩 된 span 태그보다 약간의 추가 또는 다른 동작이 필요합니다. 그렇다면

-1열

1답변

어떻게 내가 의사 클래스를 변경할 수 있습니다 (: 이후 : 전) 스타일을 동적으로

나는 색상의 표준이 설정되지 않습니다 유의하시기 바랍니다, 대신, 색상은 내가 변경할 색상 선택기에서 올 것이다 클래스에서 전달 된 의사 클래스 요소의 배경과 색. 그리고 둘 다 다른 색깔, 나는 부모의 currentColor의 개념을 시도했다, 그러나 그것은 내용 및 배경조차 적용한다. 이 색상을 동적으로 변경하는 방법이 있습니까?

0열

1답변

모바일에서 의사 요소가 사라집니다.

약 about : :: before 및 after : 약 내 페이지의 텍스트에 밑줄을 긋기 위해 pseudo elements :: http://www.alexanderschlosser.de/wordpress/about을 사용하고 있습니다. 모든 이상한 이유로 모든 것이 데스크톱에서 훌륭하게 작동하지만 내 iPhone에서 사용하는 모바일 브라우저가 무엇이든

5열

1답변

의사 요소가있는 Html/CSS 삼각형

가상 요소로 삼각형 모양을 만들려고합니다. 아래 이미지의 것과 같습니다. 그러나 이것은 내가 얻는 것입니다. 여기 제가 지금까지 시도한 내용입니다. .container .form--container:before { content: ""; position: absolute; top: 0px; left: 130px;

0열

2답변

Css :: textarea의 첫 문자가 작동하지 않습니다.

나는 CSS에 대해 뭔가 물어보고 싶습니다. textarea의 모든 첫 번째 문자 유형을 대문자로 만들고 싶습니다. 그러나 코드를 실행하면 작동하지 않습니다. 어떤 생각? HTML <textarea name="content" rows="18" placeholder="Your Message" title="Give Your Advice To Us" wrap="

0열

1답변

:: 밑줄 제거 :: 첫 번째 문자

첫 번째 문자를 제외한 모든 문자에 밑줄을 긋기 위해 노력하고 있습니다. 나는 성공하지 않고 ::first-letter 통해 첫 번째 편지에서 밑줄을 제거하려고했습니다. 왜 여기서 일하지 않는거야? <a class="sample underline letter-underline-none" href="https://twitter.com/ryanve"

0열

1답변

요소의 테두리를 따라 사각형 노치를 잘라 내기위한 CSS 코드?

나는 타일 설치 도움말 웹 사이트를 만드는거야 및 노치 흙손을 닮은 요소의 테두리 스타일을 좋아하는 것 : [nothced 흙손] https://www.flooranddecor.com/installation-tools-tile-stone-installation-materials/pacesetter-square-notched-trowel-100381193.h

-1열

2답변

부모 요소에 렌더링되지 않는 의사 요소 이미지 : 호버

부모 목록 항목을 마우스로 가리키면 의사 요소를 사용하여 여러 이미지를 추가하려고합니다. Chrome에서 검사 할 때 의사 요소가 나타나지만 .png가 제대로 렌더링되지 않습니다. 선택기를 제대로 사용하고 있는지 또는 코드에 다른 문제가 있는지 궁금합니다. 이 here의 실제 예를 볼 수 있습니다.이 <main> <section id="result

-1열

2답변

CSS가 다음에 적용되지 않음 ::

다음과 같은 맞춤 클래스가 있지만 모든 요소가 적용되지는 않습니다. 당신이 (:: 후) 이메일 요소가 국경을하지 않은 볼 수 있듯이. Chrome과 Firefox에서 모두 발생합니다. 이은 각 요소에 대한 HTML입니다 : <div class="content-contact-info"> <div class="content-contact-info-ic