如何在单个span元素中设置由php创建并输出的日期的样式

我的问题是我正在使用的CMS在单个span元素中输出日期，如：M/d/Y，它输出以下html:Mar/03/14

我想为每个变量的堆栈日期设置样式 e、 g.2014年（在底部）、1月（每年的月初日）和14日（每月的月初日）

不幸的是，我只能访问css和smarty tpl文件，而不能访问php文件。我正在寻找CSS解决方案，但我也对JS持开放态度

---

如有任何建议，我们将不胜感激

我使用jQuery编写了这个示例：

$(document).ready(function(){

    // You can change for your classes or add this in your smarty template
    var month = $('.month'),
        day = $('.day'),
        year = $('.year'),
        out = $('.out');

    var months = {
        'JAN': '01'
        'FEB', '02',
        'MAR': '03' 
        // etc...
    };

    // Hides the unecessary elements
    month.hide();
    year.hide();
    day.hide();

    out.html(months[month.text()] + '/' + day.text() + '/' + year.text());

});

---

我不知道有哪一个css单独的解决方案能够真正做到这一点，但是使用js是完全可能的。date元素是否有id或可以使用的选择器？cmd默认设置的格式如下：{$templateconf.txtdadded}{$item.DateDisplay[0]}但我可以更改此设置，我也愿意接受您的想法。谢谢您的回复！我对如何使用这个脚本有点困惑…我发布了上面的代码行以供参考。任何解释都会被欣赏。这个脚本将隐藏您的实际结构，并创建一个包含月、年和日元素内容的新结构。你所需要做的就是完成months对象，用你的元素替换class.month、.day、.year和.out（你的代码在这里会很有用，所以我可以给你一个真实的例子），然后把这段代码放在你的页面上。我的问题是我不能选择单独的元素，即月、日、年。我的代码是这样的：{$templateconf.txtdadded}{$item.DateDisplay[0]}。哦，对不起，我不明白你的问题。嗯，你可以做相反的事情。如下所示：其余部分可以使用CSS：