【问题标题】:Target number at the start of a string with CSS or Javascript带有 CSS 或 Javascript 的字符串开头的目标数字
【发布时间】:2020-09-16 13:08:45
【问题描述】:

我正在尝试以单词开头的数字大小为目标。

例如 - 我有品牌 4ever 并希望将“4”调整为与尾随文本“eva”相同的大小

有没有办法在 CSS 中做到这一点,还是我需要 Javascript?

谢谢

【问题讨论】:

  • 只是为了补充一点,这个词并不总是在句子中的第一个。我曾尝试使用 来定位它,但不起作用。

标签: javascript css wordpress divi


【解决方案1】:

你可以试试 ::first-letter。

在此处查看文档:https://www.w3schools.com/cssref/sel_firstletter.asp

p::first-letter {
  font-size: 200%;
  color: #8A2BE2;
}

【讨论】:

  • 我使用了 'dropcap' 函数并在 CSS 中设置了样式以覆盖 4ever 是句子的第一个单词的情况,但如果该单词是句子的中间,这将不起作用。 .et-dropcap { 字体大小:14px;右边距:-.4px;边距顶部:10px;字体系列:baijam-regular;字体粗细:500; }
猜你喜欢
  • 2019-07-02
  • 1970-01-01
  • 1970-01-01
  • 2016-09-30
  • 1970-01-01
  • 2018-12-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多