html - 为 "Content"div 添加 "empty"

Question

只有当 div 中没有任何内容时，我才必须应用一些文本。我试过遵循 CSS，但似乎不起作用:

.uploadQueue:empty(:before){content:"Select files to upload.";color:#ccc; font-size:14px;}
.uploadQueue:empty{content:"Select files to upload.";color:#ccc; font-size:14px;}
.uploadQueue:before(:empty){content:"Select files to upload.";color:#ccc;font-size:14px;}

以上似乎都不起作用。以下 css 有效，但我想要的是仅将其应用于“空”div。

.uploadQueue:before{content:"Select files to upload."; color:#ccc; font-size:14px;}

http://jsfiddle.net/gauravgr/AD37D/1/

Answer 1

您需要将伪类与伪元素选择器链接起来:

.uploadQueue:empty::before {
    content:"Select files to upload."; color:#ccc; font-size:14px;
}

请记住，:empty 选择器要求元素不包含任何内容，包括空文本节点。