2015-10-15 css3

图片模糊效果

<img id ="img1" src="data:image/免费学PS.jpg" style="-webkit-filter: blur(5px)">    //webkit解决兼容问题

一：特殊选择器

1. *可以匹配任何标记

2. >表示后面是前面的子元素

#d1 span     //表示id为d1的div下面的所有span标签，包括子元素和孙元素

#d1>span     //表示id为d1的div下面的子标签

　3. +  毗邻元素选择器，匹配所有紧随E元素之后的同级元素F

4.~ 匹配所有E元素之后的同级元素F

#d1+span     //表示紧挨在id为d1的元素后面的span标签，必须是相邻的那一个

#d1~div      //表示id为d1的元素后面的所有同级的div

　5.名称[表达式]

5.1 E[att]匹配所有具有att属性的div

div[title]   //所有设置了title属性的div，将其字体设为红色
{
color:red;
}

5.2[att=val]获取所有设置了att属性并且属性值等于val的标签

5.3[att^=val]获取所有设置了att属性并且属性值以val开头的标签

5.4[att$=val]获取所有设置了att属性并且属性值以val结尾的标签

5.5[att*=val]获取所有设置了att属性并且属性值包含val字符的标签