플렉스 레이아웃 만들 때 css에서 #과 .의 차이가 뭔가요?
본문
안녕하세요
플렉스 레이아웃 만들 때, css에서 #과 .를 쓰시는 분이 계시는데요. (예 : .contain #box....)
둘이 무슨 차이인가요? 찾아보고 싶어도 얘가 기호라 그런가 잘 안 나오네요;;
알려주시면 감사합니다
답변 2
타겟 엘리먼트 지정시
#아이디
.클래스
선택자 로 구분됩니다.
<style>
.red { color:#cc0000; }
#test2 { font-weight:bold; }
</style>
<div class="red" id="test1">테스트</div>
<div class="red" id="test2">테스트</div>
<div class="red" id="test3">테스트</div>
이 상태라면
테스트 폰트는 모두 붉은 폰트로 나오고
test2 만 굵게 표시 되겠죠.
답변을 작성하시기 전에 로그인 해주세요.