Question

伙计们就是这样的情况。 <span>元素中的单词来自资源键。括号内的那些需要稍微不同的CSS。例如 -

<span>Hello this a wonderful resource. (I mean it)</span>

现在的要求是，“我的意思是”应该比其他单词的字体小。原因是，“我的意思是”是一个事后的想法，由于字体较大，文本很奇怪，并且他们不想为它分配另一个资源键。知道如何实现吗？

Answer 1

CSS无法判断给定语言中文本的哪些部分是括号的（如果有嵌套的括号语句（如这些）会怎么样？）。

如果您希望动态内容具有丰富的格式，那么您将不得不以某种格式而不是纯文本格式存储内容，或者使用某种脚本将其应用于客户端，如果您绝对无法将字符串格式元数据存储在数据库中。

Answer 2

不，你不能风格。 CSS中只有:: first-letter和:: first-line。其他任何东西都必须使用元素手动完成（例如span）。

或

使用lettering.js（请参阅此网站http://letteringjs.com/）

Answer 3

这可能对您不起作用，因为我不确定您对文本的控制程度和单词的一致性，但有一种方法可能实际上是使用:after设置内容

绝对不是最佳做法

方法1：通过以下方式设置内容：之后（假设您可以编辑数据库中的文本）

span:after{
  content:" (I mean it)";
  font-size:.7em
}

<span>Hello this a wonderful resource.</span>

方法2： Simalar方法一，但这假设您没有修改文字的权限（非常草率）

span{
  position:relative
}
span:after{
  content:" (I mean it)";
  font-size:.7em;
  background:#FFF;
  position:absolute;
  right:0;
  padding:5px;
  width:7em
}

<span>Hello this a wonderful resource. (I mean it)</span>

将CSS应用于括号内的段落中的单词（括号）

3 个答案: