CSS 만 사용하여 다른 div를 숨기고 ID가있는 div 만 표시하는 방법

Flmhdfj

나는 복잡한 html 페이지에서 구문 분석을 시도했지만 누군가가 더 나은 방법은 내 자신의 CSS를 해당 html에 삽입하는 것이라고 말했습니다. 그래서 다음과 같은 상황이 있습니다.

<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css"  />
</head>

<body>
<div>

   layer one div

    <div id="center">

        layer two div

        <div>

           layer three div

        </div>

    </div>

</div>

</body>
</html>

보시다시피 id가있는 div는 부모 div와 자식 div 사이에 끼워져 있습니다. 페이지에 레이어 2 div 라인 만 표시되도록 부모와 자식을 숨길 수 있는지 궁금합니다. 나는 시도한다

div { display: none; }

div#center { display: inline;}

그러나 성공하지 못했습니다.

indent method지금 사용하고 있습니다. 모든 도움을 주셔서 감사합니다. :)

제이슨

다음은 일종의 해킹이지만 작동합니다.

HTML

<div>
   layer one div
    <div id="center">
        layer two div
        <div>
           layer three div
        </div>
    </div>
</div>

CSS

div { 
    text-indent: -9999px; 
}

div#center { 
    text-indent: 0px;
}

div#center div {
    display: none;
}

바이올린 : http://jsfiddle.net/fPdda/2/

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

css 만 사용하여 다른 div를 가리키면 div 표시

분류에서Dev

CSS를 사용하여 다른 div에서 div를 숨기는 방법

분류에서Dev

다른 div를 클릭 할 때 CSS와 JavaScript 만 사용하여 div를 페이드 인하는 방법

분류에서Dev

다른 div에있는 경우에만 div를 표시하는 방법

분류에서Dev

div를 표시하지만 양식에서 다른 div를 숨기는 if 문?

분류에서Dev

CSS를 사용하여 상위 div에 다른 div가있는 경우에만 div 스타일 지정

분류에서Dev

jquery는 CSS 클래스를 숨기고 표시하지만 현재 div 내부의 콘텐츠 만 표시합니다.

분류에서Dev

하나의 div 만 표시하고 인덱스를 사용하여 나머지는 숨 깁니다.

분류에서Dev

css / javascript를 사용하여 기기 너비에 따라 펼치기-접기 다른 div 높이를 만드는 방법

분류에서Dev

루프에서 div를 한 번만 표시하고 한 번만 실행되는 div 내부의 다음 div 디스플레이를 표시하는 방법

분류에서Dev

div를 만들고 표시하는 방법

분류에서Dev

css로만 li 뒤에 div를 표시하는 방법이 있습니까?

분류에서Dev

HTML 테이블에서 행 사이의 테두리를 숨기고 CSS를 사용하여 열 사이의 테두리 만 표시하는 방법

분류에서Dev

CSS 만 사용하여 한 페이지에서만 DIV를 숨길 필요가 있습니다.

분류에서Dev

jquery를 사용하여 고유 ID로 새 div를 만드는 방법

분류에서Dev

여러 div를 표시하고 숨기는 방식으로 멀티 파트 양식을 만들고 싶습니다.

분류에서Dev

배경 이미지를 사용하지 않고 CSS3를 사용하여 HTML div에서 다이아몬드 모양을 만드는 방법 ...?

분류에서Dev

다른 div에 영향을주지 않고 익명 div를 숨기거나 표시하는 방법

분류에서Dev

jquery serialize를 만드는 방법은 숨기기와 표시 사이를 전환하는 div의 입력 필드를 무시합니다.

분류에서Dev

여러 선택 필드가있을 때 하나의 선택 필드 만 다른 div를 표시하는 선택 옵션을 만드는 방법

분류에서Dev

여러 div를 슬라이드하고 하나의 쇼만 표시하고 나머지는 숨기기

분류에서Dev

django loop {% %}를 사용하여 여러 <div>를 만드는 방법

분류에서Dev

html / css 만 클릭하여 콘텐츠 표시 / 숨기기를 트리거하는 <div> 섹션

분류에서Dev

CSS 만 사용하여 div 및 위쪽 화살표 머리를 전환하는 방법

분류에서Dev

CSS3 키 프레임을 사용하여 div 슬라이딩 애니메이션을 적용하지만 div는 다른 div를 푸시합니다.

분류에서Dev

jquery를 사용하여 mvc에서 다른 라디오 버튼을 선택할 때 div를 표시하고 숨기는 방법은 무엇입니까?

분류에서Dev

CSS 만 사용하여 div가 왼쪽에서 오른쪽으로 부드럽게 표시되는 방법은 무엇입니까?

분류에서Dev

CSS를 사용하여 토글로 div를 표시하거나 숨기는 방법은 무엇입니까?

분류에서Dev

링크 클릭시 div를 숨기고 표시하는 방법

Related 관련 기사

  1. 1

    css 만 사용하여 다른 div를 가리키면 div 표시

  2. 2

    CSS를 사용하여 다른 div에서 div를 숨기는 방법

  3. 3

    다른 div를 클릭 할 때 CSS와 JavaScript 만 사용하여 div를 페이드 인하는 방법

  4. 4

    다른 div에있는 경우에만 div를 표시하는 방법

  5. 5

    div를 표시하지만 양식에서 다른 div를 숨기는 if 문?

  6. 6

    CSS를 사용하여 상위 div에 다른 div가있는 경우에만 div 스타일 지정

  7. 7

    jquery는 CSS 클래스를 숨기고 표시하지만 현재 div 내부의 콘텐츠 만 표시합니다.

  8. 8

    하나의 div 만 표시하고 인덱스를 사용하여 나머지는 숨 깁니다.

  9. 9

    css / javascript를 사용하여 기기 너비에 따라 펼치기-접기 다른 div 높이를 만드는 방법

  10. 10

    루프에서 div를 한 번만 표시하고 한 번만 실행되는 div 내부의 다음 div 디스플레이를 표시하는 방법

  11. 11

    div를 만들고 표시하는 방법

  12. 12

    css로만 li 뒤에 div를 표시하는 방법이 있습니까?

  13. 13

    HTML 테이블에서 행 사이의 테두리를 숨기고 CSS를 사용하여 열 사이의 테두리 만 표시하는 방법

  14. 14

    CSS 만 사용하여 한 페이지에서만 DIV를 숨길 필요가 있습니다.

  15. 15

    jquery를 사용하여 고유 ID로 새 div를 만드는 방법

  16. 16

    여러 div를 표시하고 숨기는 방식으로 멀티 파트 양식을 만들고 싶습니다.

  17. 17

    배경 이미지를 사용하지 않고 CSS3를 사용하여 HTML div에서 다이아몬드 모양을 만드는 방법 ...?

  18. 18

    다른 div에 영향을주지 않고 익명 div를 숨기거나 표시하는 방법

  19. 19

    jquery serialize를 만드는 방법은 숨기기와 표시 사이를 전환하는 div의 입력 필드를 무시합니다.

  20. 20

    여러 선택 필드가있을 때 하나의 선택 필드 만 다른 div를 표시하는 선택 옵션을 만드는 방법

  21. 21

    여러 div를 슬라이드하고 하나의 쇼만 표시하고 나머지는 숨기기

  22. 22

    django loop {% %}를 사용하여 여러 <div>를 만드는 방법

  23. 23

    html / css 만 클릭하여 콘텐츠 표시 / 숨기기를 트리거하는 <div> 섹션

  24. 24

    CSS 만 사용하여 div 및 위쪽 화살표 머리를 전환하는 방법

  25. 25

    CSS3 키 프레임을 사용하여 div 슬라이딩 애니메이션을 적용하지만 div는 다른 div를 푸시합니다.

  26. 26

    jquery를 사용하여 mvc에서 다른 라디오 버튼을 선택할 때 div를 표시하고 숨기는 방법은 무엇입니까?

  27. 27

    CSS 만 사용하여 div가 왼쪽에서 오른쪽으로 부드럽게 표시되는 방법은 무엇입니까?

  28. 28

    CSS를 사용하여 토글로 div를 표시하거나 숨기는 방법은 무엇입니까?

  29. 29

    링크 클릭시 div를 숨기고 표시하는 방법

뜨겁다태그

보관