대문자 문자/단어 용 의사 선택 도구?

Question

대문자/문자/단어에 대한 CSS 유사 선택기가 있습니까? 나는 모든 나의 수도가 pt보다 작고 다른 모든 문자는 같은 크기가되기를 바란다. 자본은 반드시 문장 (또는 단어)의 첫 번째 문자가 아니며 그 반대의 경우도 아닙니다.

아니면 CSS에서 이러한 문자를 찾는 다른 방법이 있습니까? 속임수로? 나는 속임수를 좋아한다.

Answer 1

음, 가난한 지원 first-letter 선택기가 있지만 원하는 것은 아닙니다.

물론 PHP에서 HTML을 모두 미리 파싱하여 <span class="capital"></span> 태그의 모든 대문자를 래핑 할 수 있지만 해킹입니다.

물론 당연히 마술 jQuery 토끼를 꺼내서 문서로드시 DOM을 변경하여 범위를 포함 할 수 있습니다. 그것은 또한 해킹입니다. 해킹을 좋아하니?

은의 다른

Answer 2

나는 이것이 가능하지 않다고 생각합니다.

클래스를 사용하여 대문자를 스팬으로 랩하고 스타일을 적용하는 것이 좋습니다.

Answer 3

이 CSS를 사용 할 수 없습니다 :-) 마술로 변합니다 누가 보자.

자바 스크립트를 사용하여 텍스트의 모든 문자를 대문자로 확인한 다음 (예 : if (yourtext == yourtext.toUpperCase())을 사용하여) <span>을 CSS로 둘러 싸서 스타일을 지정할 수 있습니다. 이 라인 주위

또는 뭔가 (? 어쩌면 사람이있는 jsfiddle을 만들 수있는 시간이) 나는 그것을 밖으로 시도하지 않았다

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'); 
    } 
} 

, 당신은 그런 replaceNode 또는 뭔가를 사용해야 할 수도 있습니다. charCodeAt 메서드는 대문자를 찾습니다. 그리스어 대문자와 같은 유니 코드 문자는 포함되지 않습니다.

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