您将如何使用 CSS 设置 PHP 后缀的样式？

Posted 2023-04-14

【中文标题】您将如何使用 CSS 设置 PHP 后缀的样式？

【英文标题】：How would you style a PHP suffix with CSS?

【发布时间】：2011-02-01 19:42:14

【问题描述】：

我在 php 中设置了一个日期对象：$date_formatting = "l, M jS";

注意日期 (j) 右侧的大写 S。这会创建一个后缀，例如 3rd、1st、2nd。

问题是我不知道如何只针对 CSS 样式的后缀。我想让后缀的字体大小比数字小。

有什么线索吗？

【问题讨论】：

Brad 的回答使用语义 html 来根据您要查找的内容（在上标中设置的序号后缀）消除不必要的 CSS 样式；但是，如果您想自己控制样式，则可以选择 nico 的答案。无论哪种方式都可以。

【参考方案1】：

$date_formatting="l, M j<\s\u\p>S<\/\s\u\p>";

这样做是将<sup> 标签放在S 周围。此标签适用于superscript。

【讨论】：

@Boltclock，谢谢，我现在正在编辑它。验证以确保我得到了所有逃逸的东西......

效果很好，样式如下： sup vertical-align: super;字体大小：65%;

【参考方案2】：

或者，如果你想避免逃避这一切的痛苦......

echo date("l, M j")."<span class='whatever'>".date("s")."</span>";

【讨论】：

@Joe，<sup> 怎么不是“今天的标准”？它是 XHTML 1.0 strict、XHTML 1.1 strict 和 HTML 5 的一部分。

@Joe, @Brad：事实上，<sup> 从 HTML 3.2 开始就已经存在。它从未被弃用过。

我认为这是一个问题。当然 sup 不会被弃用。但它有一个意义。如果它只是关于样式并且与内容无关（我认为问题是关于样式），我更喜欢css。

【参考方案3】：

$date_formatting = "l, M, j<\s\m\a\l\l>S</\s\m\a\l\l>";