pseudo selektor dla wielkich znaków/słów?

Question

Czy istnieje pseudoselekser CSS dla wielkich znaków/liter/słów? Chcę, aby wszystkie moje kapitele były mniejsze i wszystkie inne znaki tej samej wielkości. Kapitał nie jest koniecznie pierwszą postacią zdania (lub słowa) ani odwrotnie.

A może jest jeszcze inny sposób na znalezienie tych znaków w CSS? Masz sztuczkę? Lubię sztuczki.

Answer 1

Cóż, jest słabo obsługiwany selektor first-letter, ale to nie jest to, czego potrzebujesz.

Oczywiście można również wstępnie przetworzyć kod HTML w PHP, zawijając wszystkie znaczniki w znacznikach <span class="capital"></span>, ale to jest hack.

Oczywiście zawsze można wyciągnąć magicznego królika jQuery i zmienić DOM na ładunek dokumentów, aby uwzględnić przęsła. To także hack. Czy lubisz hacki?

Zobaczmy, kto odwraca się z magicznej sztuczki :-)

Answer 2

Nie sądzę, że to możliwe.

Lepiej po prostu owijać dużymi literami klasę i używać jej do ich stylizowania.

Answer 3

nie jest to możliwe za pomocą CSS.

Możesz użyć JavaScript, aby sprawdzić wszystkie znaki w tekście dla wielkich liter (np. Używając if (yourtext == yourtext.toUpperCase())), a następnie owinąć wokół nich kod <span> zawierający Twój styl CSS.

Albo coś wokół tych linii: (? Może ktoś ma czas, aby utworzyć jsfiddle z tym)

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

nie go wypróbować, może trzeba użyć replaceNode lub coś podobnego. W metodzie charCodeAt wyszukiwane są tylko wielkie litery, należy pamiętać, że nie zostaną uwzględnione znaki Unicode, takie jak specjalne wielkie litery greckie.
Teraz tylko trzeba projektować swoją rozpiętość z czymś takim:

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