伪类和伪元素 伪类 何为伪类? 像类不是类,不是自己声明的类(不写样式也存在). 对伪元素的认识在早期网页上的超链接.链接(锚啊)用下划线标出来,点击后链接变紫色,鼠标悬上去变色. 链接伪类 css2.1 定义了两个只应用于超链接(拥有 href 属性的所有 a 元素)的伪类. 动态伪类 动态伪类可 ...
分类：
Web程序 时间：
2016-04-14 09:24:23
阅读次数：
222
我们知道，css伪元素包括after,before,first-letter等，通过合理的利用伪元素，我们可以让我们的结构更简洁。 通常写法如p::after{content:' '},其中content内容可以是字符也可以是图片，例如p:before{content:'尾部'}，p:after { ...
分类：
Web程序 时间：
2016-04-13 00:10:59
阅读次数：
239
content 的attr 实现 鼠标悬浮 显示 悬浮提示， content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容。 content 的attr 实现 鼠标悬浮 显示 悬浮提示， content 属性与 :before 及 :after 伪元素配合使用，来插入生成 ...
分类：
Web程序 时间：
2016-04-09 12:07:44
阅读次数：
782
先来看一段代码 在早期我们通过在div标签中添加了一个空的span标签，并且给这个空的span清除浮动。但是这样的话就需要每次都添加一个空的标签，所以一些前辈就想出来用::after::before来清除浮动，从效果上来看，after和before也是一个标签，所以我们就可以利用这个伪元素来清除浮动 ...
分类：
其他好文 时间：
2016-04-08 14:57:54
阅读次数：
158
简易类似手机apple官网效果； 手机上高斯模糊的显示效果 新意点，适当利用伪元素 比如menu 菜单 list 箭头,简易，不依赖字体，图片；减少请求； 附上代码： 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <ti ...
分类：
移动开发 时间：
2016-04-07 18:32:56
阅读次数：
333
.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; } .clearfix { *zoom:1; } 1) display:block 使生成的元素以块级元素显示,占满剩余空间; ...
分类：
其他好文 时间：
2016-04-06 18:26:10
阅读次数：
349
CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外， ...
分类：
Web程序 时间：
2016-04-04 14:33:30
阅读次数：
248
第一等：代表内联样式，如: style=””，权值为1000。 第二等：代表ID选择器，如：#content，权值为100。 第三等：代表类，伪类和属性选择器，如.content，权值为10。 第四等：代表类型选择器和伪元素选择器，如div p，权值为1。通用选择器（*），子选择器（>）和相邻同胞选 ...
分类：
Web程序 时间：
2016-04-04 14:28:51
阅读次数：
137
权值：通配符*的权值为0，标签和伪元素的权值为1，类选择符，属性选择器或伪类的权值为10，ID选择符的权值为100，内联样式最高为1000。还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1有的认为没有权值，所以可以理解为继承的权值最低（大多数框架模型属性（包括外边距，内边距，背景 ...
分类：
Web程序 时间：
2016-04-02 20:15:32
阅读次数：
191
使用这个伪元素来强制Razor从编译模式返回到内容模式:12345678910111213141516171819202122232425262728293031来源： http://www.itstrike.cn/Question/32505659-32af-4dbd-8fa6-3f0235fe0... ...
