2010-06-24 15 views
5

मैं एक HTML तत्व को एक शैली असाइन करना चाहता हूं - लेकिन केवल उस स्थिति में जब टैग में कुछ सामग्री सेट हो।सीएसएस चयनकर्ता केवल तभी काम करता है जब <tag> में सामग्री</tag>

क्या यह शुद्ध सीएसएस का उपयोग कर संभव है? आदर्श रूप से मैं एचटीएमएल की संरचना में जेएस या सर्वर-साइड परिवर्तनों से बचना चाहता हूं।

+0

संभावित डुप्लिकेट [सामग्री के बारे में पता सीएसएस - शैली लागू केवल तभी सामग्री उपलब्ध है] (http://stackoverflow.com/questions/9063446/content-aware-css-apply-style-only-if-content -इस-उपलब्ध) – user

उत्तर

9

CSS3 में :empty pseudo -class है।

मैं शुद्ध CSS2.1 में ऐसा करने का कोई तरीका नहीं देख सकता।

+0

संगतता तालिका: http://www.quirksmode.org/css/contents.html –

+0

यह नहीं पता था: खाली छद्म-वर्ग मौजूद था ... अच्छा एक :-) +1 –

8

आप :not और :empty छद्म वर्गों के संयोजन से CSS3 के साथ ऐसा कर सकते हैं। उन ब्राउज़रों के लिए जो दोनों का समर्थन नहीं करते हैं, आपको जेएस या सर्वर-साइड समाधान का उपयोग करने की आवश्यकता होगी।

div:not(:empty) { background-color:blue; } 
की
संबंधित मुद्दे