css去掉使用bootstrap框架后打印网页时预览效果下的超链接

在我们写网页的时候,超链接是链接各个页面的桥梁,也是搜索引擎爬虫(spider)收录网站页面的关键,因此,在每个网页中会有许多的超链。

今天,一个同行妹妹在使用了bootstrap框架来搭建自己的网站时遇到了打印网页时在带有超链接文字的旁边出现了超链,然后问我如何解决,我一时头大,从来没有遇到过这样的问题撒,该如何解决呢?

后来还是同行妹妹聪明,经过网上的一番查资料后,终于找到了解决问题的办法,原来,bootstrap.css在超链接的后边生成了一个超链接,代码就是这个a[href]:after { content:" (" attr(href) ")"}。找到了问题所在,解决办法随之而来:

a[href]:after{content:normal;}

不过,我们在使用框架时,最好不要去修改框架原有的CSS样式表,以免对后续的开发产生影响,所以,此解决办法要写在自己定义的CSS样式表中,以覆盖掉框架原有的样式即可。

哈哈... 写完收工。