5
HTML 요소에 스타일을 지정하고 싶습니다. 그러나 태그에 내용이 일부 설정된 경우에만 스타일을 할당하고 싶습니다.CSS 선택기는 <tag>의 내용이있는 경우에만 작동합니다.</tag>
순수 CSS를 사용하면 가능합니까? 이상적으로 나는 HTML 자체의 구조에 대한 JS 또는 서버 측 변경을 피하고 싶습니다.
A
답변
9
CSS3은 :empty pseudo -class입니다.
순수한 CSS2.1에서이 작업을 수행 할 방법이 없습니다.
+0
호환성 표 : http://www.quirksmode.org/css/contents.html –
+0
빈 실습 클래스가 존재한다는 것을 깨닫지 못했습니다 ... 좋은 것 :-) +1 –
8
및 :empty 가상 클래스를 결합하여 CSS3에서이를 수행 할 수 있습니다. 두 가지를 모두 지원하지 않는 브라우저의 경우 JS 또는 서버 측 솔루션을 사용해야합니다.
div:not(:empty) { background-color:blue; }
관련 문제
- 1. 사용할 CSS 선택기는 무엇입니까?
- 2. CSS 선택기는 사업부
- 3. 이 CSS 선택기는 무엇을합니까?
- 4. CSS 선택기는 Firefox에서는 작동하지만 IE에서는 작동하지 않습니다.
- 5. CSS lone * 선택기는 어떤 용도로 사용합니까?
- 6. 의 jQuery 날짜 선택기는 그들의 데모 페이지에
- 7. 이 jQuery 선택기는 어떻게 작동합니까?
- 8. jQuery 클래스 선택기는 클래스가
- 9. CSS : 빈 입력은 내용이있는 입력과 다른 행 높이가 있습니까?
- 10. 어도비 플래시 빌더 4 : CSS 유형 선택기는 구성 요소 spark.components.Label
- 11. DIV에 내용이 포함 된 경우에만 출력 CSS
- 12. 스크롤하는 내용이있는 UiScrollView
- 13. 움직이는 내용이있는 CATiledLayer
- 14. 바인딩의 내용이있는 격자
- 15. 내용이있는 jQuery 슬라이더
- 16. html 문서의 <head> 태그에 많은 내용이있는 것이 좋습니까?
- 17. 1 세대 iPhone에서 <img>의 CSS 둥근 모서리
- 18. CSS 선택기는 CSS 파일의 섹션에는 정의되었지만 다른 섹션에는 정의되어 있지 않을 때 HTML 요소에 영향을 줍니까?
- 19. 오버플로 내용이있는 div의 너비를 측정하는 방법
- 20. JQuery와 색상 선택기는 배경 색상
- 21. jQuery에서 좋은 이미지 선택기는 무엇입니까?
- 22. jquery를로드하고 내용이있는 iframe에 애니메이션 적용
- 23. 터미널에서 내용이있는 PHP 파일을 만듭니다.
- 24. 선택자 (CSS)의 특수성 계산
- 25. <?의 차이점은 무엇입니까? echo __(); 및 <= __();
- 26. .animate()의 <img>의 너비와 높이에 문제가 있습니다.
- 27. GWT, Struts2, JSF - CSS 관리 - 필요한 경우에만 제공
- 28. CSS : 자동 표시하는 경우에만 폭이 일정 금액 이하
- 29. CSS 애니메이션 <span>
- 30. jQuery를 UI의 날짜 선택기는 전체 코드는 다음과 같이
가능한 복제 [내용 인식 CSS - 콘텐츠를 사용할 수있는 경우에만 스타일을 적용 (http://stackoverflow.com/questions/9063446/content-aware-css-apply-style-only-if-content -is-available) – user