div의 하위 수준 내 스타일 입력 요소

질문

다음과 같은 페이지가 있습니다.

<div class="loginpage-form">

  ...some stuff

  <form>
  <div class="flexwrapme">
    <input type="text"... />
  </div>

  <input type="submit".../>
  </form>


  <!-- DONT apply Style to inputs from form below -->
  <form>
    <input type="text"... />
  </form>

</div>

이것은 매우 기본적인 질문이지만 명확하지 않습니다. 입력 유형 "text"또는 "email"을 loginpage-form > flexwrapme 컨테이너 내 에서 어떻게 적절하게 스타일링합니까?

나는 다음을 가지고 있었지만 확신하지 못했습니다 ... :

.loginpage-form .flexwrapme input[type="text"],
.loginpage-form .flexwrapme input[type="email"] {
  style stuff...
}

나는 이것을 올바르게 쓰고 있습니까?

건배! 가볍게 두드리기

답변1

스타일에 .loginpage-form을 추가 할 필요가 없습니다.

.flexwrapme input[type="text"],.flexwrapme input[type="email"]{
your style
}

이 작업을 수행하는 또 다른 쉬운 방법은 입력 요소에 class를 직접 추가하고 스타일을 지정하는 것입니다.

 

 

 

 

출처 : https://stackoverflow.com/questions/63187582/style-input-elements-within-sublevels-of-divs