Fatal编程技术网
  • css/
  • Css 我可以只更改文本行中小写/大写字符的外观吗？

Css 我可以只更改文本行中小写/大写字符的外观吗？

css

Css 我可以只更改文本行中小写/大写字符的外观吗？,css,Css,假设您有这样的文本：“Asdf” 我希望“A”比文本的其余部分更大，而不必对多个div之类的内容进行一些邪恶的CSS攻击 我在想，如果你可以只更改大写字母的属性，那么我就可以将字体大小设置为大于其他字母的大小，从而得到更大的a。你可以使用第一个字母伪选择器。不过（我认为）它并不是完全跨浏览器的 Quirksmode有一个兼容性图表和一些详细信息： 您可以使用仅包含放大大写字符的字体，并让浏览器自己的字体回退机制仅对大写字母使用该字体。font-family属性看起来像： font-family:

假设您有这样的文本：“Asdf”

我希望“A”比文本的其余部分更大，而不必对多个div之类的内容进行一些邪恶的CSS攻击

我在想，如果你可以只更改大写字母的属性，那么我就可以将字体大小设置为大于其他字母的大小，从而得到更大的a。

你可以使用
第一个字母
伪选择器。不过（我认为）它并不是完全跨浏览器的

Quirksmode有一个兼容性图表和一些详细信息：

您可以使用仅包含放大大写字符的字体，并让浏览器自己的字体回退机制仅对大写字母使用该字体。
font-family
属性看起来像：

font-family: 'large-georgia', Georgia, serif;

@font-face
或数据URL可用于提供字体。该技术与中使用的相同，只是我们现在使用的是一组大写字母，而不是符号

这也是我的第一个想法，但问题是，这只会将段落的第一个字母转换为你告诉它的任何内容，而不会影响HTML中大写字母（它们不必是段落中的第一个字母）。嗯，我认为这是不可能的。如果你使用JS，你就必须把它们全部检查一遍，或者使用正则表达式来匹配，即使这不是我想要的，它也解决了我的问题！因为它只会在像我图片中的链接中使用，所以实际上除了第一个字母伪选择器之外，我不需要其他任何东西。我让它听起来比需要的更复杂！：）所以谢谢你