visited

Detect Visited Link In Chrome

由 浪子不回头ぞ 提交于 2019-11-30 05:23:15
问题 I am using a userscript for Chrome and Firefox and I am checking for links that have been visited by the user. I have a{ color: blue; } a:visited{ color: red !important; } in my css imported as soon as the page loads. The a-links on the page that I have visited are colored red instead of default of blue. I then use: alert(window.getComputedStyle(document.getElementById("myLink"), null).getPropertyValue("color")) on each link and they all return red for the visited links in Firefox but in

好程序员web前端分享HTML5常见面试题集锦四

由 限于喜欢 提交于 2019-11-29 21:02:48
好程序员 web前端分享HTML5常见面试题集锦四 1、为什么要初始化CSS样式？ 答案：因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。 当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。 2、浮动元素引起的问题？ 答案：a. 父元素的高度无法被撑开，影响与父元素同级的元素 b. 与浮动元素同级的非浮动元素会跟随其后 c. 若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面显示的结构 3、line-height三种赋值方式有何区别？（带单位、纯数字、百分比）？ 答案：带单位：px不用计算，em则会使元素以其父元素font-size值为参考来计算自己的行高 纯数字：把比例传递给后代，例如父级行高为1.5，子元素字体为18px，则子元素行高为1.5*18=27px 百分比：将计算后的值传递给后代 4、:link、:visited、:hover、:active的执行顺序是怎么样的？ 答案：L-V-H-A，l(link)ov(visited)e h(hover)a(active)te，即用喜欢和讨厌两个词来概括 5、css属性content有什么作用？有什么应用？ 答案：css的content属性专门应用在 before/after 伪元素上，用于来插入生成内容

CSS3 常用新特性总结

由 妖精的绣舞 提交于 2019-11-29 07:52:50
本文转载于: 猿2048 网站➯ CSS3 常用新特性总结 更新于（2017.07.07）会总结项目中比较常用的有些CSS属性 伪类选择器 E: first-of-type : 匹配同类型中的第一个同级兄弟元素E E: last-of-type : 匹配同类型中的最后一个同级兄弟元素E E: first-child : 匹配其父元素的第n个子元素，第一个编号为1 E: last-child: 匹配其父元素的倒数第n个子元素，第一个编号为1 E: nth-child(n) : 选择属于其父元素的第n个子元素的 E: nth-last-child(n) : 选择属于其父元素的倒数第n个子元素的 E: only-child : 选择属于其父元素的唯一子元素(只有一个才能被选中) E: only-of-type : 选择属于其父元素唯一的同级兄弟元 E: nth-of-type(n) ：匹配同类型中的第n个同级兄弟元素E。 E: nth-last-of-type(n) ：匹配同类型中的倒数第n个同级兄弟元素E 超链接状态顺序： a: link ：设置超链接a在未被访问前的样式 a: visited ：设置超链接a在其链接地址已被访问过时的样式 a: hover ：设置元素在其鼠标悬停时的样式 a: active ：设置元素在被用户激活（在鼠标点击与释放之间发生的事件）时的样式 : root

前端代码风格规范总结

由 自古美人都是妖i 提交于 2019-11-29 07:52:26
本文转载于: 猿2048 网站➞ 前端代码风格规范总结 规范目的：为了提高工作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，在网站建设中，使结构更加清晰，代码简明有序，有一个更好的前端架构。 规范基本准则：符合web标准，使用具有语义的标签，使结构、表现、行为分离，兼容性优良。页面性能优化，代码简洁、明了、有序，尽可能的减少服务器的负载，保证最快的解析速度。 一、文件规范 1.1 HTML部分 　　1.1.1 建包问题 　　　　文件均归档至约定的目录中，建包格式如下： 　　　　 　　　　注意：所有的css文件放在css文件夹中，image放在images文件夹中，js放在js文件夹中 　　1.1.2 HTML头部编写 　　　　(1) 编码：所有编码均采用xhtml/html，标签必须闭合，编码统一为UTF-8，在多语言的网站建议添加<html lang="zh-CN">，说明内容是以中文显示和阅读为基础的 　　　　(2) 语义化：正确使用标签，充分利用无兼容性问题的html自身标签 　　　　(3) 文件头部head内容： 　　　　　　• title: 需要添加标题 　　　　　　• 编码: charset=UTF-8 　　　　　　• meta: 可以添加description、keywords内容 1.2 CSS部分 　　1.2.1 CSS种类及其命名 　　　

Google chrome a:visited background image not working

由 蹲街弑〆低调 提交于 2019-11-26 19:08:09
(before I start I should say yes, I have done all the stupidity checks, yes the link is in my history and has been visited etc) I'm using Chrome version 6.0.472.63, although it's important that this works on all browsers. It works on Firefox, IE and Opera. Basically all i'm trying to do is change the background image of a link if the link has been visited. I've done alot of trial and error testing so bear with me for multiple examples. This is what I had originally .forum_box .title a { background-image:url(../images/f_unread.png); background-position:10px center; background-repeat:no-repeat;

Google chrome a:visited background image not working

由 末鹿安然 提交于 2019-11-26 06:48:24
问题 (before I start I should say yes, I have done all the stupidity checks, yes the link is in my history and has been visited etc) I\'m using Chrome version 6.0.472.63, although it\'s important that this works on all browsers. It works on Firefox, IE and Opera. Basically all i\'m trying to do is change the background image of a link if the link has been visited. I\'ve done alot of trial and error testing so bear with me for multiple examples. This is what I had originally .forum_box .title a {
订阅 visited