大写字符/单词的伪选择器？

Question

是否有用于大写字符/字母/单词的 CSS 伪选择器？我希望所有的大写字母都小一点，而所有其他字符的大小相同。大写不一定是句子（或单词）的第一个字符，反之亦然。

或者也许还有另一种方法可以在 CSS 中找到这些字符？有技巧吗？我喜欢把戏。

Answer 1

好吧，有一个支持不佳的 first-letter 选择器，但这不是你想要的。

当然，您也可以在 PHP 中预先解析 HTML，将所有大写字母包装在 标记中，但这是一种 hack。

当然，您总是可以拿出神奇的 jQuery 兔子并在文档加载时更改 DOM 以包含跨度。这也是一个黑客。你喜欢黑客吗？

让我们看看还有谁会表演魔术:-)

Answer 2

我认为这是不可能的。

最好用一个类将大写字母包裹起来，并使用它来设置它们的样式。

Answer 3

使用 CSS 是不可能做到这一点的。

您可以使用 Javascript 检查文本中的所有字符是否为大写（例如，使用 if (yourtext == yourtext.toUpperCase())），然后包装 在它们周围包含您的 CSS 来设置它们的样式。

或者围绕这些行的东西：

function wrapCaps() {
    var text = document.getElementById("my_text").value;
    for(i=0; i < text.length; i++) {
        if(text[i].charCodeAt(text[i]) >= 65 && text[i].charCodeAt(text[i]) <= 90)
        wrapNode(text[i], 'span');
    }
}

我没有尝试过（也许有人有时间用这个创建一个jsfiddle？），您可能需要使用 replaceNode 或类似的东西。 charCodeAt 方法仅查找大写字母，请注意，不会包含特殊希腊大写字母等 unicode 字符。
您现在只需要使用以下内容来设置跨度的样式：

#my_text span {
    font-size: 10px;
}