让CSS呈现HTML吗?

时间:2013-10-24 14:43:25

标签: html css html5

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

http://cssdesk.com/juATQ

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

content: " symbol here "; 

我怎样才能在此框中显示我的代码,以便显示我的博客发布日期?

我需要插入这个表达式。

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

这可能吗?

1 个答案:

答案 0 :(得分:6)

使用:after伪类

您可以使用这样的特殊attr:see this topic

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")(不要忘记设置时区,如{{1}功能。

使用jQuery:see here for date

date_default_timezone_set('America/New_York');

使用PURE HTML而不使用伪类$(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); });

不使用:after伪类的另一种方法:Online example

:after

并在HTML中

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