2017-12-06 3 views
0

?유효한 CSS 셀렉터입니까?</p> <pre><code>radio:focus > .approve, radio:focus > .dis-approve{/*statements...*/} </code></pre> <p>은이 CSS 인터프리터/컴파일러에 의해 허용됩니다 :와 존중 다음 식에

목표 : .approve와 .dis-approves '라디오 유형 부모가 모두 초점을 맞춘 경우 적용됩니다.

+0

''라디오 '라고 쓰면 "라디오"타입'입력' "을 의미합니까? – Arkej

+2

구체적인 문제를 명확히하거나 세부 정보를 추가하여 필요한 것을 정확하게 강조하십시오. 현재 작성된 내용이므로 귀하가 원하는 내용을 정확하게 말하기는 어렵습니다. –

+0

이것은 단일 선택자가 아닌 동일한 특성을 적용 할 두 개의 선택자입니다. –

답변

5

그것은 유효 (BoltClock's comment 참조)하지만, 당신이 몇 가지 문제를 가지고로 아무것도 일치하지 않습니다 찾을 수 있습니다 :

  1. radio가 유효한 HTML 요소가 아닙니다. input[type=radio]을 찾으셨습니까?
  2. input[type=radio]을 의미하는 경우 해당 요소는 자식을 가질 수 없으므로 > .approve> .dis-approve은 아무 것도 선택하지 않습니다. + .approve+ .dis-approve을 옆에있는 요소로 나타내셨습니까?

CSS가 작동하는지 확인하는 가장 좋은 방법은 CSS를 HTML 구조에 적용하고 그 결과를 확인하는 것입니다.

+2

"유효하지 않음"과 "아무것도 일치하지 않습니다"는 동일한 것은 아닙니다. 유효하지 않은 유효한 선택기는 목록의 다른 모든 선택기를 무효화하지 않습니다 (따라서 전체 룰 세트). 이 경우 목록의 선택기는 아무 것도 일치하지 않으므로 아무런 차이가 없지만 선행하는 "아니오" 대답은 "CSS 인터프리터/컴파일러에서 허용됩니까?"라는 대답으로 해석되는 경우 올바르지 않은 것으로 보입니다. 그 대답의 나머지 부분은 "CSS 인터프리터/컴파일러에 의해 승인 되었습니까?" 묻는 사람이 물어보고 싶은 질문은 거의 확실하지 않습니다. – BoltClock

+0

@BoltClock 대단한 반응! 내 대답은 틀림없이 매우 게으른 것이었다. 귀하의 코멘트에 대한 답변을 왜 업데이트했는지에 대한 설명으로 업데이트했지만, OP의 마크 업을 선택할만한 것은 거의 없습니다. –

관련 문제