inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

CSS에서 tag와 class를 결합하여 작성하는 것에 대한 질문이 있습니다.

172

inusneo

작성한 질문수 1

1

안녕하세요? 포트폴리오를 만들다가 문득 의문이 생겨서 질문 드립니다.
CSS를 작성할 때 선택자를 최소화 하는것이 좋다고 들었는데
section.welcome 또는 a.btn.start 이런식으로 태그선택자와 클래스선택자를 결합하여 작성하는 것에 이점이 있나요?
어쩔 수 없는 경우를 제외하고는 되도록 클래스만 선택하여 스타일을 주는것이 좋은 방향이 맞나요?

css jquery 웹표준 HTML/CSS 포트폴리오

답변 1

1

코딩웍스(Coding Works)

선택자 방식은 제작자에 따라 다릅니다.
하지만 원칙은 선택자가 직관적인 것이 좋습니다.

예를 주신 section.welcome 또는 a.btn.start 경우로 말씀드리면...
section.welcome 와 같이 태그와 함께 쓰는 선택자의 경우 전체적인 레이아웃을 잡는 경우에 사용하시면 좋습니다. 태그와 함께 쓰는 선택자를 모든 선택자로 하는건 너무 비효율적입니다.  

태그와 함께 쓰는 선택자는 필수는 아닙니다. 제작자가 전체 레이아웃을 css 파일 내에서 직관적으로 구분하기 위해서 쓰는 경우도 있습니다. 저는 반은 그렇게 하고 반은 아니기도 합니다. 저역시 이게 맞다 아니다 라고 말씀드릴 부분은 아닙니다.

 a.btn.start 경우는 .btn-start 이런 식으로 하셔도 좋습니다. 아니 이런 식으로 하시는게 제 생각에는 맞습니다.

어쩔 수 없는 경우를 제외하고는 되도록 클래스만 선택하여 스타일을 주는것이 좋은 방향이 맞나요? 라고 하셨는데 저도 그렇게 생각합니다.

0

inusneo

잘 이해가 되었습니다! 상세한 답변 감사드립니다 ^^

현재도 float 사용은 중요한가요?

1

212

2

웹 호스팅 후 문제

1

237

1

퍼블리셔 코딩테스트 질문입니다.

1

586

1

feather light

1

250

2

skill 섹션 질문

1

254

1

포트폴리오 홈페이지 제작가이드

2

248

1

iframe 질문입니다.

1

208

1

디자인설정

1

332

1

연봉 질문합니다.

1

892

1

폰트, 이미지? 관련 질문입니다

1

308

1

파일질라 카페24? 관련 질문입니다

1

431

1

면접 복장 질문입니다

1

744

1

도메인 연결 오류

1

359

1

개인 포트폴리오 웹사이트 안에 들어갈 포트폴리오 웹사이트 작업물들

1

481

1

카페24 절약형 관련 질문있습니다

1

869

2

기능정의서 html에 첨부하는 방법/header include

1

623

1

prototype 뜻

1

702

1

폴더구조 질문드립니다.<재업로드>

1

428

1

폴더구조 질문드립니다

1

358

1

개인포토폴리오 해상도문제요..!

1

389

1

구글에 검색했을 때 나오는 포트폴리오

2

409

1

wow.js live option

1

439

1

개인 포트폴리오 홈페이지 만들때 UI 포토샵 디자인

1

530

1

featherlight 연결시 링크된 html이 문제가 있어요 ㅠㅠ

1

311

1