이 CSS 선택기는 무엇입니까?

-1

dom 요소의 이미지가있는 사용자 정의 스타일 체크 박스가 있습니다. 이 선택기를 사용하고 있습니다. 이 선택자는 무엇을합니까? +에 큰 시간을 불러 들이고 있습니다. :)이 CSS 선택기는 무엇입니까?

input[type='checkbox']:checked+em::before

도와주세요.

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors#Information.3A_Selectors_based_on_relationships – SLaks

공백을 자유롭게 사용하면 내용을 정리할 수 있습니다.'input [type = 'checkbox '] : checked + em :: before' – BoltClock

+은 adjacent sibling combinator입니다. 선택기가 em 요소 을 즉각에 체크 한 체크 박스를 선택합니다. 이것은 일반 형제 조합자인, ~과 다른 것으로, 바로 옆에 있지 않더라도 input의 다음 형제와 일치합니다.

2014-03-06 16:01:43

확인 된 속성 유형 확인란이있는 입력 요소 앞에 em 태그의 첫 번째 자식 인 의사 요소를 만듭니다.

2014-03-06 16:04:45 BingeBoy

올바르지 않습니다. 선택기가 "첫 번째 자식"관계를 지정하지 않습니다. –

sorry :: before는 일치하는 요소의 첫 번째 자식 인 의사 요소를 만듭니다. 디버거에서 shadow dom을 켜서 봅니다. – BingeBoy

죄송합니다. https://developer.mozilla.org/en-US/docs/Web/CSS/:before – BingeBoy

답변