inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1

메인페이지 컨텐츠 영역 제작하기 (매거진영역) HTML5 + CSS3

메인페이지 컨텐츠영역 class.slide

461

mujigekr

작성한 질문수 1

0

메인페이지 컨텐츠 영역 제작하기(매거진영역) 부분에서 visual의 이전/다음/컨트롤 영역을 재사용하기 위해 class 추가하여 slide를 이용한다고 하셨는데요.

<div class="con">
      <div class="slide">
        <div class="txt">
          가구소재에서<br>
          인테리어 자재까지
          <p>한솔홈데코 편리하고 행복한 공간을 만들어 갑니다.</p>
        </div>
      </div>
    </div>

이미 class에 slide를 사용하고 있는데 또 visual에 slide를 사용하고 css를 수정하는 것을 보고 질문드립니다.

 

HTML/CSS

답변 1

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴이에요.

제가 이해한 바로는, 메인페이지 컨텐츠 영역에서 매거진 영역의 슬라이드를 재사용할 때, 이미 class에 slide가 사용되고 있는데 그것을 수정하면서 또 다른 visual 슬라이드를 추가하는 것이 가능한지 궁금하신 건가요?

만약 그렇다면 답변드리자면, 같은 class 이름인 slide를 사용하기 때문에 그 두 개의 슬라이드의 기능이 충돌할 수 있으며, 때문에 레이아웃과 스타일을 조율하는 데 어려움이 있을 수 있습니다.

따라서, 두 개의 슬라이드를 각각 다른 class 이름으로 설정하여 사용하는 것이 좋습니다. 예를 들어, 매거진 슬라이드는 “magazine-slide”로, visual 슬라이드는 “visual-slide”로 class 이름을 설정하시면 충돌 문제를 피할 수 있습니다.

제가 설명드린 내용이 도움이 되었길 바랍니다. 감사합니다.

0

mujigekr

답변 감사드립니다.

저도 class명을 다르게 사용해야 된다고 알고 있는데요.

강의에는 같은 class를 사용하고 있는데 강의와 상관없이 작업 시에는 그 부분을 답변 주신 것처럼 인지하고 html,css를 수정해서 작업하면 된다는 말씀이시죠?

:after에 설명해주신 css 차이가 이해가 어렵습니다.

0

335

1

atom으로 진행하고 있는 중에 질문이 있습니다.

0

195

0

질문 드립니다.

0

251

0

css 초기화 작업관련하여 질문드립니다!

0

278

0

안녕하세요! 블로그 업로드 관련해서 질문드릴 게 있습니다.

0

427

1

선택된 항목 흰색 강조 색깔

0

282

1

default.css 가 적용이 안되요 ㅜㅜ

0

281

1

강의 13분 25초이후 div float:left 적용 시 질문

0

288

0

visual 영역 slide control bar 일렬 정렬이 안됩니다 ㅠㅠ

3

242

0

헤더영역 제작에서 transition

0

342

1

이미지 사용시 좌표 질물

0

372

1

질문

0

247

1

클릭영역은 넓어졌는데 커서가 포인터로 안 바뀌어요.

0

202

0

.notice article > div a 이거와.notice article > div > a 차이를 모르겠습니다.

0

328

1

한솔 홈페이지가...

0

347

2

개발툴 질문드립니다.

2

279

1

display grid row 관련 문의 드립니다.

0

222

0

테이블 디자인 문의 드립니다.

0

514

2

default.css

1

844

4

.do파일

0

332

0

혹시 소스 전체 다운로드 받을 수 있는 방법은 없을까요?

0

414

2

다른 교육자료는 잘 돌아가는 데, 왜 여기만 버퍼링이 너무 심하죠?

0

293

1

배너 부분 각 항목 이미지가 궁금합니다.

0

275

1

[질문] css 임포트

9

476

5