::selection – 마우스 드래그로 블록 지정시 스타일 주기

0

간단하게 블록의 배경만 바꿔주는 코드다. mixin을 사용했다.

PC와 모바일에서 모두 작동해야 하므로 모바일을 위한 접두어(-webkit-, -moz-)를 붙여줘야 한다.

사용할 때는 아래 코드를 사용한다.

직접 css로 입력하면 다음과 같다.

직접 입력하는게 더 편해보이지만, 만약 배경만이 아니라 다른 요소가 더 들어가 있고, 수정해야 할 일이 생기면, 작업은  수정해야 요소 개수 * 3  가 된다. mixin을 이용하면 처음엔 조금 복잡할 수는 있지만 수정에 용이하다는 장점이 있다.

Share.

About Author

대학교에서는 컴퓨터공학을 전공하고, 대학원에서는 신학을 전공하였습니다. 제 블로그에서는 제 전공과 관련한 것들을 포스팅합니다.

댓글 남기기

This site uses Akismet to reduce spam. Learn how your comment data is processed.