기획전

안과특집전

#시력관리#노안관리

🔥 기획전 이벤트 39개

시력관리34

노안관리5

/* JS가 없으면 더 보기가 없으니 쪽 이동 앵커를 흐름으로 되돌린다. 래퍼 높이만 풀면 된다 — nav 은 평범한 블록이라 그대로 자리를 잡는다. */ [data-crawl-nav-clip] { height: auto; overflow: visible; } /* base 는 20건을 SSR 하고 화면엔 8건만 둔다. JS 가 없으면 더 보기를 못 누르므로 나머지를 그대로 편다. 이게 있어야 base 가 1쪽 전체를 덮어 9~20번이 크롤 경로에서 빠지지 않는다. 아래 기본 규칙과 선택자를 똑같이 써야 특이도가 같아져 소스 순서로 이긴다. */ [data-collapse] > li:nth-child(n + 9) { display: revert; } /* 20건이 다 보이므로 건수를 박은 헤딩(`... TOP 8`)이 거짓이 된다. */ [data-collapse-alt] { display: revert; } [data-collapse-main] { display: none; } /* "더 보기"는 island 가 onClick 으로 붙이는 버튼이라 JS 없이는 눌러도 아무 일이 없다. SSR 마크업에는 들어 있어 명시적으로 숨긴다. 그 화면에서는 위 쪽 이동 앵커가 다음 20건으로 가는 길을 준다. */ [data-load-more] { display: none; } /* `tabindex`는 속성이라 CSS로 못 되돌린다. JS 없는 방문자는 이 nav 을 마우스·터치로 쓰고, 스크린리더도 가상 커서로 읽는다. 키보드 Tab 만 못 닿는다. */

🔥 기획전 이벤트 39개

시력관리34

노안관리5

캐시닥 병원이벤트 시술 전체 보기