将CAPS锁更改为CSS中的大写

Question

我有一个句子进入CAPs锁定（并且无法更改）。该句子是段落的一部分，仅使用CSS（如果必须，还可以使用一点Jquery）。如何始终在大多数设备上可靠地获得结果！

注意：我查看了问题such as this，但它们没有涵盖多个句子因素。

无变化：

  

这是第一次出场。这是第二个，因为它来自服务器。

期望的结果：

  

这是第一句话。这是第二次......

我试过的CSS就是这个，但它不能用于多个句子。

 p { text-transform: lowercase;}
   p:first-letter {text-transform:capitalize}

Answer 1

似乎是jQuery的一个问题。检查这个答案是否有整个元素大写，然后你可以使用类似的东西来解析第一个句子：

var setval = $('#my_paragraph').html();
var firstSentence = setval.substring(0, setval.indexOf('.'));
firstSentence = toProperCase(firstSentence);
var theRest = setval.substring(setval.indexOf('.') + 1);
$('#my_paragraph').html(firstSentence + theRest);

Answer 2

这只是一个修补程序。如果您的输出更改为不同的内容，包含多个只有一个点或甚至以大写字符开头的其他单词，则此代码将无法提供所需的结果。

示例： http://jsfiddle.net/Em2bD/

// grab your text
var firstSentenceText = $('p').text();

// extract the first sentence and make it all lowercase
var firstSentence = firstSentenceText.substr(0, firstSentenceText.indexOf('.')).toLowerCase();

// convert first char to uppercase
var result = firstSentenceText.charAt(0).toUpperCase() + firstSentence.substring(1);

// append the text to what ever you like and append the missing dot.
$('.result').text(result + '.');

Answer 3

记住的一点是使用一些jquery。您可以在段落中找到第一个句点（。），然后您可以将字符串设置为小写（您可以给它一个带有类/ id的范围，并且已经在css文件中有规则）。你可能需要做一些谷歌搜索。