CSS를 통해 입력 상태 확인하기

꽤 간단한 질문입니다. (생각합니다), CSS를 사용하여 입력 상태를 검사하는 조건문을 작성하는 방법이 있습니까? 나는 그것이 있는지 체크하는 것을 쓰려고 노력하고있다 : checked 또는 not.CSS를 통해 입력 상태 확인하기

나는 조금 더 정교해야했다. 나는 두 개의 입력으로 주변을 어지럽히고있다. 하나는 형제리스트를 맨 처음에 두 번 체크 한 후 첫 번째 입력에서 속성을 변경하려고 시도하고있다. 그 대답이 "아니오"라는 가정하에 누군가가 이것을 할 수있는 방법을 찾았는지 궁금 할뿐입니다.

<nav> 
     <label for="menu-toggle" class="openMenu"><span></span></label> 
     <input type="checkbox" id="menu-toggle"/> 

     <ul id="main-menu"> 
      <li><a href=#>Home</a></li> 
      <li> 
       <label for="menu-toggle-2" class="openDrop"> 
         <a name=Services>Services</a> 
       </label> 
       <input type="checkbox" id="menu-toggle-2"/> 
       <ul id="drop"> 
        <li><a href=#>blah</a></li> 
        <li><a href=#>blah</a></li> 
        <li><a href=#>blah</a></li> 
       </ul> 
      </li> 
      <li><a href=#>Portfolio</a></li> 
      <li><a href=#>Clients</a></li> 
      <li><a href=#>Contact</a></li> 
     </ul> 

</nav>

난 그냥 그냥 CSS를 어떤 방법으로 가능 있는지 확인하기 위해 장난하고, JS와 함께이 작업을 수행하는 방법을 알고있다.

출처

2014-11-25 Cody Thompson

Sass 코드가 절대로 클라이언트로 전송되지 않는다는 것을 알고 있습니까? 당신이 원하는 것은 무엇이든 CSS의 특징입니다. – cimmanon

예, 알고 있습니다. 나는 내가하는 일을 CSS에서 일하도록하고 싶었지만 할 수 없었다. 그러므로 나는 CSS로 컴파일 할 조건부 작성을 생각해내는 것이 쉬워지고 작업하기 쉽다는 것을 알았다. –

왜 쉽게 해결 될까요? 의도 한 결과를 얻기 위해 어떤 CSS가 필요한지 모르는 경우 Sass는 도움을 줄 수 없습니다. – cimmanon

SASS는 CSS의 상위 집합이며 브라우저로 보내기 전에 CSS로 컴파일됩니다. 따라서 CSS로는 '조건문'을 수행 할 수 없습니다. 단순히 프로그래밍 언어가 아니고 선언적 언어 일뿐입니다.

'확인한'동작 인 is pretty trivial에 대해 행동했다고합니다. 이 CSS로

<input type="checkbox"><span></span>

: :이 HTML을 사용

이

input + span:before { 
    content:'Not Checked'; 
} 
input:checked + span:before { 
    content:'Checked!'; 
}

이 비록 단지 일반적인 CSS하고 SASS과 아무 상관이 없으며,이 SASS를 통해 개선 될 수있다.

출처

2014-11-25 22:14:13

CSS를 통해 입력 상태 확인하기

답변

관련 문제