css - 在 Joomla 的伪元素操作中添加数据库条目

Question

我正在使用一个名为 JA Fixel 的 Joomla 模板，主页由网格组成。该网站可以在这里看到:http://develop.rushsoccer.com

在 x 篇文章之后，我有一个按钮可以显示更多文章。单击此按钮后，我希望所有文章都在它们占用的网格框下方显示它们的发布日期(如果您查看链接，这将更容易解释)。

我已经看到模板给出了这个网格框的 html:

<div class="items front-page-stories rotateX social grid-1x1" style="width: 198px; height: 198px; position: absolute; left: 0px; top: 792px;">

我已经为这段代码制作了 CSS

.items.front-page-stories.rotateX.social.grid-1x1::after {
content:"办公室:XXXXX\A手机:YYYYY";
空白:pre；
}

看看我是否至少可以显示一些内容，但是我没有看到任何内容。我只是假设我可以用伪类元素解决这个问题？如果我可以让它工作，我将编辑内容以从 php 获取文章日期，但我希望先看到一些内容。

有人有什么建议吗？谢谢!

Answer 1

我认为您只是错过了 position:absolute。
试试这个:

.items.front-page-stories.rotateX.social.grid-1x1::after {
    content:"Office: XXXXX \A Mobile: YYYYY";
    position: absolute;
    white-space:pre;
}