让CSS呈现HTML吗？

Question

我一直试图找出一种方法,让我的博客中的发布日期显示在这个样式的hr标签中

http://cssdesk.com/juATQ

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

content: " symbol here "; 

我怎么能让我的代码在这个框内呈现,以便它显示我的博客发布日期？

我需要插入这个表达式.

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

这可能吗 ？

Answer 1

使用:after伪类

您可以使用这样的特殊attr:请参阅此主题

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);
});

使用PURE 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>