a标签 必须按顺序写 link 链接未访问的时候的样式 visited 链接访问后的样式 hover 鼠标放上去的样式 active 链接在访问时的样式 after before 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charse ...
分类:
Web程序 时间:
2018-01-21 12:32:39
阅读次数:
375
想要的效果如下图所示,利用CSS伪类效果 HTML代码如下 CSS代码如下 参考的大神链接:http://blog.csdn.net/baidu_33163851/article/details/51304347 ...
分类:
Web程序 时间:
2018-01-05 15:41:22
阅读次数:
182
前端er们大都或多或少地接触过CSS伪类和伪元素,比如最常见的:focus,:hover以及<a>标签的:link、visited等,伪元素较常见的比如:before、:after等。 其实上面提到的这些伪类和伪元素都是CSS1和CSS2中的概念,CSS1和CSS2中对伪类的伪元素的区别比较模糊,甚 ...
分类:
Web程序 时间:
2017-12-13 11:44:57
阅读次数:
277
伪类 基于当前元素所处的状态或具有的特性,用于设置元素自身的特殊效果。 a:link 规定所有未被点击的链接; a:visited 匹配多有已被点击过的链接; a:active 匹配所有鼠标按下未松开的元素; a:hover 匹配所有鼠标移入/悬停在元素上的元素; :focus 被选中的元素; :f ...
分类:
Web程序 时间:
2017-10-22 21:40:03
阅读次数:
270
用javascript修改css伪类的几种方法: Modify pseudo element styles with JavaScript http://pankajparashar.com/posts/modify-pseudo-elements-css/ ...
分类:
编程语言 时间:
2017-10-10 19:14:45
阅读次数:
146
input标签可以创建文本输入框 <input type="text"/> ...
分类:
Web程序 时间:
2017-10-09 12:08:03
阅读次数:
135
之前写了一篇 《详解 CSS 属性 - :before && :after》 的博文,当时自己没分清楚伪元素和伪类,所以在文章内把概念混淆了,庆幸 @riophae 兄指正了我的错误,所以今天打算好好研究下两者的区别。首先,阅读 w3c 对两者的定义: CSS 伪类用于向某些选择器添加特殊的效果。 ...
分类:
其他好文 时间:
2017-08-26 19:40:18
阅读次数:
162
css伪类用于向某些选择器添加特殊的效果 css伪元素用于将特殊的效果添加到某些选择器 伪类种类 :active 将样式添加到被激活的元素 :focus 将样式添加到被选中的元素 :hover 鼠标悬浮在上方 :link 未被访问过的链接 :visited 被访问过的链接 :first-child ...
分类:
其他好文 时间:
2017-08-26 16:04:06
阅读次数:
144
我不知道有没有小伙伴以前跟我一样,在一个元素内部想要添加一个小图标或者小东西的时候, 直接在HTML文档里自己加上<span>标签,或者其他的。亦或者用javascript在该元素中追加一个元素. 比如我们向下面这些div中添加b元素; <div></div> <div></div> <div></ ...
分类:
Web程序 时间:
2017-08-19 14:15:50
阅读次数:
190
首先,这个在 IE 不支持 可以通过 js 的办法生成 content 的内容,懒得写代码了,就抄别人的一个图,这样做的好处是可以方便添加单位 ...
分类:
Web程序 时间:
2017-08-17 20:22:21
阅读次数:
428