Question

首先将文本小写，然后将其大写。是否可以使用CSS？

编辑：示例： HELLO WORLD - ＆gt; Hello World

Edit2：我有一个全部大写的国家/地区列表，例如UNITED KINGDOM，我必须让它看起来像United Kingdom。

Answer 1

是的：

.className {
    text-transform:capitalize;
}

使用Javascript：

function capitalize(s){
    return s.toLowerCase().replace( /\b./g, function(a){ return a.toUpperCase(); } );
};

capitalize('this IS THE wOrst string eVeR');

从这里被盗： Capitalize words in string

Answer 2

我没有评论的权限，所以我会写下我的经验作为答案。

我有一个强调字符的问题，解决了在正则表达式的开头放置'^'并迭代文本的每个单词。

'^'表示仅匹配单词的第一个字符。

function captalize(s) {
    return s.toLowerCase().replace( /^\b./g, function(a){ return a.toUpperCase(); } );
}

var words = exampleText.split(" ");

jQuery.each(words, function(index, value) {
       var w = capitalize(value);
       exampleText.append(w).append(" ");
});

Answer 3

如果元素内的文本仅使用::first-line伪元素在一行上，则可以这样做：

<h3>HELLO WORLD</h3>
<style>
    h3 {
        text-transform: lowercase;
    }

    h3::first-line {
        text-transform: capitalize;
    }
</style>

首先将文本小写，然后将其大写。 CSS有可能吗？

3 个答案: