eunt20 님 안녕하세요? GCK 싸이먼 입니다.
Forguncy는 JavaScript와 CSS를 사용하여 고객님들이 원하는 디자인과 동작을 커스터마이징 하실 수 있습니다. 고객님이 작성한 CSS를 사용하는 방법은 아래의 링크를 참고하시면 고객님의 프로젝트에 CSS 코드를 적용하시는 데 도움이 될 것입니다.
Forguncy 프로젝트에서 사용자 작성 CSS를 적용하는 방법
문의하신 내용으로 eunt20 님께서는 아래 그림과 같이 페이지 탐색 기능을 디자인하고 싶으신 것으로 이해했습니다.
사용자가 작성한 CSS를 적용하여 페이지 탐색 기능에서 가운데 숫자를 지우는 방법은 아래와 같습니다.
1. 페이지 탐색 요소를 선택하여 CSS 클래스 이름을 부여합니다.
2. 프로젝트를 실행합니다. 웹 브라우저가 실행되면 개발자 도구(단축키 F12)를 사용하여 부여된 CSS 클래스 하위 항목들의 구성요소를 확인합니다.
3. 우리가 없애고 싶은 항목은 test로 명명된 클래스의 하위 div 요소의 하위 div 요소 안의 3번째 div에 위치하고 있습니다.(글로는 이해가 어려울 수 있으니 아래 그림 속의 화살표를 참고해 주십시오.)
4. 아래와 같이 CSS 코드를 작성합니다.
※ 페이지 탐색 기능은 element.style에 display: inline-block 코드가 적용되어 있습니다. 우리가 작성한 코드보다 우선순위가 높기 때문에 작성한 코드가 적용되지 않습니다. 따라서 display: none important;로 작성해야 고객님께서 원하시는 동작을 보실 수 있습니다.
5. [시작] 버튼을 클릭하여 CSS가 적용된 화면을 확인합니다.
관련하여 궁금하신 사항은 언제든 Q&A 게시판에 질문 남겨주십시오. 최선을 다해 설명드리겠습니다. 감사합니다.
Simon 드림.