html - CSS 链接参数 Day 比今天早 - 1 个月？

Question

这项工作很好:

HTML:

<li>
<a name=something href="http://.../.  .html">Something</a>
</li>

CSS:如果 name="Something"则链接 backroundcolor=yellow

a[name="something"] {
background: #ffff00;
}

如何让它发挥作用？

HTML:

<li>
<a date=3.10.2014 href="http://.../.  .html">Something  OLD</a>
</li>

CSS:如果日期比今天早 1 个月，则 backroundcolor=red

a[date<"4.10.2014"] {
background: red;
}

Answer 1

这不能只用 css 来完成。不过，您可以使用 javascript 遍历所有 a 并在您的条件匹配时添加一个类。

links = document.getElementsByTagName("a")
var oneMonthAgo = new Date();
oneMonthAgo.setMonth(oneMonthAgo.getMonth() -1);

for (var i=0; i<links.length;i++){
    console.log(links[i].dataset.date);
    var date = new Date(links[i].dataset.date);
    if (date < oneMonthAgo){
        links[i].className = links[i].className + 'old'
    }
}

演示:http://jsfiddle.net/8trL8x8n/1/