如何使用.css在每个.html页面的末尾添加地址?

如何使用.css在每个.html页面的末尾添加地址?,html,css,Html,Css,现在,我所有的网页最后都有这样的内容: | 正如你可能猜到的那样,我最近不得不在2015年到2016年期间对其进行修改。我的网站上大概只有20个页面,它们都是静态的.html页面,但这仍然是一件痛苦的事情 我想用css来代替。这可能吗 我猜测的是,在每个页面的末尾都添加一个,然后在css文件中,我需要添加如下内容: #endingaddress { ……这是什么? } 怎么做?您可以使用伪元素 #endingaddress::after{ 内容:“版权所有©2016” } dave的答案很好,

现在,我所有的网页最后都有这样的内容:

|

正如你可能猜到的那样,我最近不得不在2015年到2016年期间对其进行修改。我的网站上大概只有20个页面,它们都是静态的.html页面,但这仍然是一件痛苦的事情

我想用css来代替。这可能吗

我猜测的是,在每个页面的末尾都添加一个
,然后在css文件中,我需要添加如下内容:

#endingaddress
{
……这是什么?
}

怎么做?

您可以使用伪元素

#endingaddress::after{
内容:“版权所有©2016”
}

dave的答案很好,但是如果你不想每次都自己改变年份,你可以这样做:

css:

在js中:

var year = new Date().getFullYear();
document.querySelector("#endingaddress").setAttribute("data-date",year);

content
CSS属性不会被解释:因此您不能将text+
|

一个选择就是不写日期。(你甚至可以完全省略版权声明。版权声明是可选的,不会特别影响你的合法权利。)我会通过服务器代码来做到这一点。比如说,如果你使用ASP.NET MVC,你会把@DateTime.Now放在那里,这样它就会根据年份而变化,而不是你每次都要改变它,无论是通过CSC还是如果用户的时钟都搞乱了?版权所有2014-2009@pinkfloydx33好吧,正如我在对问题的评论中所写的那样,你可以在服务器上做这件事,所以时钟是你自己的。这几乎奏效了,只是它没有在页面底部用虚线标出“地址”。所以我把它封装在
标记之间,除了一件奇怪的事情外,它还能工作。用户无法再突出显示©和第一个管道(|)之间的地址文本。但是用户可以突出显示链接文本以获得联系和隐私。总会有一些小事情变得奇怪,不是吗?@DrZ214我不知道。是的,这很奇怪,以前CSS添加的所有代码(内容)都不可高亮显示。现在,我检查了一下,我找不到任何可以打hilightable的例子,而且似乎没有任何属性可以打。我认为这是要付出的代价。这太奇怪了。我在Chrome和Firefox中证实了这一点,但在IE中,只有选择比它大的文本块时,它才允许你突出显示它。因此,基于此,我们甚至无法判断它是否遵循HTML5中规定的某些规则,或者它是否只是一个疏忽的小故障。但别担心,我并不真的需要它为我的网站高亮显示。
var year = new Date().getFullYear();
document.querySelector("#endingaddress").setAttribute("data-date",year);