테스트 사이트 - 개발 중인 베타 버전입니다

제일 만만해보이던 스타일이... 채택완료

머시기거시기 6년 전 조회 1,517

option-input 스타일이 아래와 같습니다.

그런데 option-input-blue를 추가하려는데 다른부분은 다 같구요

.option-input:checked {   background: #fe4409; }

이렇고

 

.option-input-blue:checked {   background: #0af; }

이런데요 아래 스타일에서 

중복되지 않는 부분만 추가적용하는 방법이 있나요

클래스명이 다르게 이걸 두번 써줘야 하는지요,,,

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
세크티
6년 전

.option-blue만 추가해보세요.

.option-input.option-blue:checked {   background: #0af; }

 

두번째 inputdms option-input 모든 스타일이 적용되면서 checked상태일때만 background칼라가 바뀔겁니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

머시기거시기
5년 전
감사합니다. 잘 됩니다.
덕분에 코드 많이 줄였씁니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인