id 와 class 의 사용법에 대해 질문 좀 드릴께요
황소자리
저는 현재 열심히 공부겸 실무에도 웹표준을 적용시켜보고 있는데요
혼자하려니 좀 힘든점도 많고 가르쳐줄 사람도 없어서 개념이 충분치 못한거같아요
그래서 질문 하나만 드릴께요
현재 저는 class 로만 css를 짜는데요
id 는 어떨때 사용해야 하는가요? 현재 class 로만 해도 별문제가 없어서
이렇게 진행하고는 있지만 id 와 class 를 적절히 사용하여야 웹표준에 맞는게 아닌가 싶어서요
그리고
.wrap {}
.wrap li {}
위의 식으로 짠다고하면 wrap 안의 li 에만 먹는게 맞는것이지요?
css를 짜는데도 여러가지 스킬들이 있을거같은데요 저런식으로 처리하는거나
중복된걸 처리하는 법등등 노하우들이 있거나 사이트등이 있다면 공유 좀 부탁드리고요
id 와 class 의 사용법에 대한 조언도 부탁드립니다(__)
-
이리온
.wrap li 안에만 먹는것이 맞지만..
.wrap에서 지정한 스타일은 .wrap li에 상속되기도 합니다. (부모요소...)
line-height, text-align, color, font-size 등등... -
라와
개인적으로 기본적인
wrap, header, container, contents, footer, aside 등은 부모객체로 생각해서 id를 사용하고
그안에 박스는 왠만하면 class를 사용합니다.
수다님 말씀대로 동적 제어할땐 id를 사용해야해서 그럴때 빼곤 class 사용해요-
같은 퍼블리셔라고 똑같은 스타일은 없습니다-
개인 이나 다른퍼블리셔가 봤을때 수정이 편하고 육안으로 확인이 쉽게 될수있고
깔끔하게 정리된 코딩이 욕을 덜먹겠죠 ㅎㅎ
-
미리별
저도 나름대로 저만의 것을 가지려고 한창 노력중인데요
모방보다는 다른분들의 것을 참고정도 해보려고 질문드렸습니다
답변감사합니다 ^^ -
연블루
class만 사용해도 상관 없습니다.
id는 주로 요소들을 동적 제어할때 사용합니다.
.wrap li{} 는 wrap라는 클래스 안에 있는 모든 li를 선택한다는 뜻입니다.
여러가지 스킬이나 노하우는 다른사람의 것을 모방보다는 스스로 터득하는게 좋다고 생각합니다만
아직 그정도 스킬이 안되신다면 유명포털 사이트들은 어떻게 했는지 소스 보기 하셔서
마크업과 css를 분석해 보세요
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2752135 | [질문]칼라피커 콘트롤에 특정칼라를 선택된상태로만들려면 어떻게하면되나여? | 널위해 | 2026-10-21 |
| 2752110 | $box.find("img").width()에서 이미지에.. | 해뜰참 | 2026-10-21 |
| 2752024 | 소숫점 뺄셈 !! ㅠㅜ | 초롬 | 2026-10-20 |
| 2751970 | 자바 게임 만들려는데 부탁드립니다 (1) | 라온제나 | 2026-10-19 |
| 2751908 | 자바스크립트 처리속도를 체크할 수 있는 방법 있나요? (1) | 테이 | 2026-10-19 |
| 2751822 | 그누보드 아이프레임으로 구현했는데 제목 클릭해서 들어가면 푸터가 동동...떠다녀요 | 내꺼하자 | 2026-10-18 |
| 2751790 | 자바 그래픽 관련을 공부하고 싶은데요.. 어디 좋은 사이트나 책 없을까요?? (1) | 큰재 | 2026-10-18 |
| 2751733 | CTF가머죠? (5) | 두동 | 2026-10-17 |
| 2751709 | 배열부분 궁금한 부분이있습니다. | 딸기우유 | 2026-10-17 |
| 2751677 | 포인터 책을 보다가,,, (2) | 동백 | 2026-10-17 |
| 2751648 | 익스플로 버전에 따라서 생기는 공백.. (1) | 모아 | 2026-10-17 |
| 2751623 | DEL 태그의에서 선굵기 및 컬러지정이 가능한가 해서요~ (4) | 비치나 | 2026-10-16 |
| 2751573 | 테마 업로드 에러.. (1) | 꽃 | 2026-10-16 |
| 2751548 | 수학? 물리?? (3) | 찬늘 | 2026-10-16 |
| 2751461 | 상단네비 fixed ie6 핵 해결방안이 있을까요? | 맑다 | 2026-10-15 |
| 2751436 | 레이아웃을 잡고 코딩을 하는데 드림위버에서의 결과와 IE에서 결과가 다르게 나오네요. (3) | 키클 | 2026-10-15 |
| 2751403 | 형들좀도와주세요string compression (1) | 알렉산더 | 2026-10-14 |
| 2751349 | 링크 다운로드하기 | 팬지 | 2026-10-14 |
| 2751267 | 플래시8 사용에서 플레이어 만들었는데요 (1) | 블1랙캣 | 2026-10-13 |
| 2751182 | 회원가입 | 파랑새 | 2026-10-12 |