[CSS] 선택자를 사용해야하는 이유

2019. 3. 12. 18:30퍼블리싱

안녕하세요 아이굿입니다.


오늘은 CSS에서 선택자를 사용해야하는 이유를

알려드리려고합니다.



선택자를 사용하는 이유


선택자를 사용하는 이유는 간단합니다. 우선 아래 코드를 비교해 보세요. style="color: red" 부분은 글자 색을 빨간색으로 정하는 스타일 입니다. 추후에 배우게 될 것이지만 예제에서 보다 더 좋은 코드를 선택하기 위해 미리 설명해 드리는 것입니다.


1. 선택자를 사용하는 방법 ▶ https://jsfiddle.net/yoonano/Lkuqw3wb/


2. 선택자를 사용하지 않는 방법 ▶ https://jsfiddle.net/yoonano/yn5vm79z/


이제 비교가 되시나요? 결과는 같지만 코드의 길이가 다릅니다. 물론 저렇게 짧은 스타일 코드를 가지고 있다면 선택자를 사용하지 않아도 좋습니다. 그렇다면 이런 경우에는 어떨까요? ▶ https://jsfiddle.net/yoonano/mx39cj25/


저런 복잡한 코드가 있다면 당연히 선택자를 사용해야 할 것입니다. 반복되는 코드를 여러번 작성하는 것은 효율적이지 못하니까요.



출처: https://donghoon.me/38?category=658719 [나노 블로그]

1 2 3 4 5 6 7 ··· 45