css - 有 CSS 渲染 HTML 吗？

Question

我一直在想办法让我在博客中的发布日期显示在这个风格的 hr 标签中

http://cssdesk.com/juATQ

现在该行中可以有符号或静态文本

content: " symbol here "; 

我怎样才能让我的代码在这个框中呈现，以便显示我的博客发布日期？

我需要插入这个表达式。

 Post date: {entry_date format="%Y %m %d"}

这可能吗 ？

Answer 1

使用:after伪类

您可以使用这样的特殊属性：请参阅此主题

hr.style-eight:after {
    content: attr(data-date) ;
}

在 HTML 中

<hr class="style-eight" data-date="24-10-2013">

多亏了这个系统，您可以随意操作内容……也许可以使用一些 JS，或者使用 PHP 使用echo date("Y m d")（不要忘记设置时区，类似date_default_timezone_set('America/New_York');）函数。

并使用 jQuery：请参阅此处了解日期

$(document).ready(function() {
   var today = new Date();
   var dd = today.getDate();
   var mm = today.getMonth()+1; //January is 0!

   var yyyy = today.getFullYear();
   if(dd<10){dd='0'+dd;}
   if(mm<10){mm='0'+mm;}
   today = yyyy+' '+mm+' '+dd;//like you want ^^ (%Y %m %d)

    $('hr.style-eight').attr('data-date', today);
});

使用纯 HTML 并且没有伪类:after

不使用:after伪类的另一种方法：在线示例

hr.style-eight+span { 
  display: inline-block; 
  position: relative; 
  top: -0.7em; 
  font-size: 1.5em; 
  padding: 0 0.25em; 
  background: white;
}

在 HTML

<hr class="style-eight" />
<span>2013 10 24</span>