HTML 스타일 안먹음. (순서 문제)

적용 스타일

input:focus {
    outline: none;
}

input::placeholder {
    color: rgb(255, 255, 255, 0.5);
}

input {
     width: 15rem;
     border: none;
     background-color:transparent;
     color: rgba(255, 255, 255, 0.9);
}

 

미적용 스타일

input {
     width: 15rem;
     border: none;
     background-color:transparent;
     color: rgba(255, 255, 255, 0.9);
}

// 클릭했을 때 테두리 없앰.

input:focus {
    outline: none;
}

// input 아이디 같은 글자의 색 변경
input::placeholder {
    color: rgb(255, 255, 255, 0.5);
}

 

 

큰 카테고리의 스타일을 밑으로 내리니 정상적으로 적용이 됬다.