css - 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>