是否可以根據它是大寫字母還是 HTML/CSS 中的小寫字母來更改文本的大小？我正在使用一種名為 Staatliches 的字體，它只有大寫字母，但我希望小寫字母在文本樣式中略小于大寫字母。是否可以在 CSS 中進行此更改？謝謝！
uj5u.com熱心網友回復：
沒有大量特定于字符的 css 選擇器（例如 p::first-letter），所以我認為最好的辦法是使用 JavaScript 執行一些類似于ncubica 解決方案的正則運算式匹配，并將大寫字母包裝在他們的自己的跨度。
下面的作業示例：
function wrapCapsWithSpan (className) {
var regex = new RegExp(/[A-Z] /g); //matches on groups of capital letters, remove the ' ' to wrap individually
let largeCaps = document.querySelectorAll('.staatliches')
return [...largeCaps].map((p) => {
p.innerHTML = p.innerHTML.replace(regex, function(matched) {return "<span class=\"" className "\">" matched "</span>";});
});
};
window.onload = wrapCapsWithSpan("biggest-caps");.staatliches {
text-transform: uppercase; // simulating Staatliches font
font-size: 10px;
}
.biggest-caps {
font-size: 40px;
}<p class="staatliches">Large CAPITALS BIGgER</p>
<p class="staatliches">Second Paragraph!</p>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/411399.html
標籤：
下一篇：標題導航位置